Скрытие контента в таблице
127
02 января 2021, 10:10
Всем привет есть таблица. Каждому блоку таблицы задан определенный процентный width который в сумме дает 100% для корректного отображения всего содержимого на разных экранах. Есть длинный заголовок часть которого я хочу скрыть следующим:
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
Это нужно для того что бы длинный заголовок оставался на 1 строке — но проблема в том что это правило не работает в таблице. Применив его содержимое растягивается на всю ширину и скрытия с многоточием не происходит. Подскажите где копать кто знает?
Answer 1
Сделайте ячейку блочным элементом display: inline-block;
td {
border: solid;
width: 20%;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
}<table>
<tr>
<td>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</td>
<td>
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</td>
</tr>
</table>
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47563 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30496 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23632 visits
- Как через css изменить цвет png изображения? 10350 visits
- Blob video url download 9959 visits
- Php curl запрос через прокси с авторизацией 9212 visits
- Работа с captcha vk api 8094 visits
![Конкатенация изображений в <canvas> [дубликат]](https://hostciti.net/images/nophoto.png "Конкатенация изображений в <canvas> [дубликат]")
© "hostciti.net" 26.11.2024 | 14:36