Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать таблицу, обрезающую непоместившейся в ячейки текст? / 6 сообщений из 6, страница 1 из 1
03.12.2009, 10:56
    #36345256
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
Такая задача.
Есть таблица с 10 колонками, которая должна по ширине полностью умещаться в развернутом на весь монитор окне браузера (т.е. без горизонтальных полос прокрутки). Текст в ячейках нельзя переносить по строкам. Как сделать так, чтобы не влезший текст просто обрезался по краю, как, например, в Excel?

Таблицу можно делать чем угодно, но лучше с помощью <table>. Можно, в принципе, каждую ячейку представить в виде поля ввода, но редактировать данные нельзя (курсор ввода не должне появляться) и тормозить в браузере это не должно.
...
Рейтинг: 0 / 0
03.12.2009, 12:34
    #36345654
papuas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
overflow:hidden
...
Рейтинг: 0 / 0
10.12.2009, 21:28
    #36360017
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
Спасибо за ответ! Чего-то я проглядел это свойство. Кстати, обрезать, то оно обрезает, но на другую строку часть символов (не зависимо от того есть пробел или нет) всё равно переносится, так что приходится устанавливать фиксированную высоту в 1em. И обрезанную часть слова уже никак не просмотреть (в текстовом поле, например, можно протянуть выделение до самого конца), но это не особо важно.

Overflow не работает в таблице. Скажите, как поступить: оставить таблицу, но каждую ячейку сделать div'ом или всю таблицу построить на div'ах? Первый способ более семантичный, а второй — компактный.
...
Рейтинг: 0 / 0
11.12.2009, 01:10
    #36360218
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<table border="1" style="table-layout:fixed">
<tr>
	<td style="width:50px"> 12345678901234567890 </td>
	<td style="width:70px">qwertyuuiopqwertyuiop</td>
</tr>
<tr>
	<td>asdfghjklasdfghjkl</td>
	<td>zxcvbnmzxcvbnm</td>
</tr>
</table>
...
Рейтинг: 0 / 0
11.12.2009, 14:10
    #36361338
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
Отличный способ, но, к сожалению, некоторые браузеры накладывают строки друг на друга и никакие background-color не помогают.
Кстати, выложил пример таблицы. Там проблема в том, чтобы неподвижная шапка делилась на столбцы в тех же пропорциях, что и остальная таблица, а когда появляется горизонтальная полоса прокрутки, естественно, всё разваливается.
...
Рейтинг: 0 / 0
14.12.2009, 15:03
    #36365145
papuas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
Shitbox2Спасибо за ответ! Чего-то я проглядел это свойство. Кстати, обрезать, то оно обрезает, но на другую строку часть символов (не зависимо от того есть пробел или нет) всё равно переносится, так что приходится устанавливать фиксированную высоту в 1em. И обрезанную часть слова уже никак не просмотреть (в текстовом поле, например, можно протянуть выделение до самого конца), но это не особо важно.

Overflow не работает в таблице. Скажите, как поступить: оставить таблицу, но каждую ячейку сделать div'ом или всю таблицу построить на div'ах? Первый способ более семантичный, а второй — компактный.

я бы в каждую ячейку по спану или диву запихал. строить таблицу на дивах - это жестоко, как мне кажется
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать таблицу, обрезающую непоместившейся в ячейки текст? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]