Как ограничить ячейку таблицы одной строкой текста с помощью CSS?
У меня есть таблица пользователей, где каждая строка содержит их имена, адрес электронной почты и такой. Для некоторых пользователей эта строка является одной текстовой строкой высоко для некоторых других два, и т.д. Но я хотел бы ту каждую строку таблицы быть одной текстовой строкой высоко, усекая остальных.
Я видел эти два вопроса:
- Столбец таблицы должен остаться в одной строке (HTML/CSS/Javascript)
- CSS: предельный элемент к 1 строке
На самом деле мой вопрос точно подобен первому, но так как ссылка является битой, я не могу изучить его. В обоих ответах говорится для использования white-space: nowrap. Однако это не работает, возможно, я пропускаю что-то.
Так как я не могу показать Вам код, я воспроизвел проблему:
lorem ipsum here... blablablablablablablablablabla
lorem ipsum here... blablablablablablablablablabla
lorem ipsum here... blablablablablablablablablabla
lorem ipsum here... blablablablablablablablablabla
Без white-space таблица 500 пкс шириной, и текст проводит больше чем одну строку.
Но white-space: nowrap заставляет браузер просто проигнорировать width директива и увеличение ширина таблицы до всех совпадений данных в одной строке.
Что я делаю неправильно?
2 ответа
overflow будет работать, только если он знает, с чего начать, считая его переполненным. Вам необходимо установить атрибут ширины и высоты для TAKE 2 Попробуйте добавить ОБНОВЛЕНИЕ 3 подтвердили, что это сработало: http://jsfiddle.net/e3Eqn/ Добавьте следующее в вашу таблицу стилей: Вам нужно добавить ширину таблицы, чтобы гарантировать, что следующее свойство поместит элементы в указанный размер. Свойство table-layout здесь заставляет браузер использовать фиксированный макет в пределах заданных 500 пикселей.
table-layout: fixed; width: 500px; к стилю таблицы. table{
width: 500px; table-layout:fixed;
}
Похожие вопросы: