ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
6 сообщений из 6, страница 1 из 1
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
    #36345256
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Такая задача.
Есть таблица с 10 колонками, которая должна по ширине полностью умещаться в развернутом на весь монитор окне браузера (т.е. без горизонтальных полос прокрутки). Текст в ячейках нельзя переносить по строкам. Как сделать так, чтобы не влезший текст просто обрезался по краю, как, например, в Excel?

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

Overflow не работает в таблице. Скажите, как поступить: оставить таблицу, но каждую ячейку сделать div'ом или всю таблицу построить на div'ах? Первый способ более семантичный, а второй — компактный.
...
Рейтинг: 0 / 0
10.12.2009, 21:28
| Ответить | Цитировать | Написать  
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
    #36360218
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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, 01:10
| Ответить | Цитировать | Написать  
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
    #36361338
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Отличный способ, но, к сожалению, некоторые браузеры накладывают строки друг на друга и никакие background-color не помогают.
Кстати, выложил пример таблицы. Там проблема в том, чтобы неподвижная шапка делилась на столбцы в тех же пропорциях, что и остальная таблица, а когда появляется горизонтальная полоса прокрутки, естественно, всё разваливается.
...
Рейтинг: 0 / 0
11.12.2009, 14:10
| Ответить | Цитировать | Написать  
Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
    #36365145
papuas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
papuas
Участник
Shitbox2Спасибо за ответ! Чего-то я проглядел это свойство. Кстати, обрезать, то оно обрезает, но на другую строку часть символов (не зависимо от того есть пробел или нет) всё равно переносится, так что приходится устанавливать фиксированную высоту в 1em. И обрезанную часть слова уже никак не просмотреть (в текстовом поле, например, можно протянуть выделение до самого конца), но это не особо важно.

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

я бы в каждую ячейку по спану или диву запихал. строить таблицу на дивах - это жестоко, как мне кажется
...
Рейтинг: 0 / 0
14.12.2009, 15:03
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать таблицу, обрезающую непоместившейся в ячейки текст?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=268&tid=1453811]:
 0ms
get settings:
 9ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 54ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 49ms
get tp. blocked users:
 2ms
others: 229ms
total:  378ms
созд. / загр.: 378ms
x
x
Закрыть


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