Скрытие контента в таблице
112
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>
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46681 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30287 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22844 visits
- Как через css изменить цвет png изображения? 10164 visits
- Blob video url download 9800 visits
- Php curl запрос через прокси с авторизацией 9059 visits
- Работа с captcha vk api 7977 visits
![Конкатенация изображений в <canvas> [дубликат]](https://hostciti.net/images/nophoto.png "Конкатенация изображений в <canvas> [дубликат]")
© "hostciti.net" 26.4.2024 | 22:49