Привет. кто сталкивался с тем что содержимое тега <td> в

Question

Привет. кто сталкивался с тем что содержимое тега <td> в

таблице не переносит слова на следующую строку. у меня задана ширина для каждого отдельного td, но если контент увеличивается то td растягивается(( как это исправить?

#css #frontend #html #programming #russian

0

01.09.2023

20 ответов

64 просмотра

Pavel Vladimirov Автор вопроса

Alex B
никак, это табличная верстка

да как так то? должен жи быть способ сделать так чтобы ширина колонок оставалась неизменной

0

01.09.2023

LZD

Pavel Vladimirov
да как так то? должен жи быть способ сделать так ч...

ширина колонок зависит от первой ячейки в столбце

0

01.09.2023

Alex B

Pavel Vladimirov
да как так то? должен жи быть способ сделать так ч...

верстай флексами/гридами

0

01.09.2023

M M

Pavel Vladimirov
да как так то? должен жи быть способ сделать так ч...

max-width?

0

01.09.2023

Pavel Vladimirov Автор вопроса

Alex B
верстай флексами/гридами

т.е. не использовать <table>? а как к этому отнесутся поисковые роботы и всякие читалки?

0

01.09.2023

Pik Mag

Pavel Vladimirov
т.е. не использовать <table>? а как к этому отнесу...

Ошибка :( Попробуйте снова, с изменением запроса.

0

01.09.2023

Pavel Vladimirov Автор вопроса

M M
max-width?

так я просто width задал

0

01.09.2023

Pavel Vladimirov Автор вопроса

LZD
ширина колонок зависит от первой ячейки в столбце

непонял. это как?

0

01.09.2023

Alex B

Pavel Vladimirov
т.е. не использовать <table>? а как к этому отнесу...

пофиг, если стоит вопрос реализации строго по макету

0

01.09.2023

LZD

ну вот есть у тебя таблица у стаблицы есть первая строка в превой строке есть ячейки th или td так вот если задать ячейкам в первой строке ширину то все ячейки в последующих строках в соответсвующих столбцах будут иметь ширину ячейки в первой ячейки в первой строке

0

01.09.2023

Pavel Vladimirov Автор вопроса

LZD
ну вот есть у тебя таблица у стаблицы есть первая ...

так я вообще один класс повесил на каждый столбец получается <th className={style.column__open_date}>Open Date</th> и потом в каждый td в map <td className={style.column__open_date}> {formatDate(el.OpenDate)} </td>

0

01.09.2023

LZD

Pavel Vladimirov
так я вообще один класс повесил на каждый столбец ...

если в этом класе задана ширина то все столбцы будут одной ширины

0

01.09.2023

Pavel Vladimirov Автор вопроса

LZD
если в этом класе задана ширина то все столбцы буд...

но вот нифига. контент в td не влезает и растягивает td по итогу, он станвоится шире чем th

0

01.09.2023

LZD

Pavel Vladimirov
но вот нифига. контент в td не влезает и растягива...

codepen.io/pen покажите пример

0

01.09.2023

Pavel Vladimirov Автор вопроса

LZD
codepen.io/pen покажите пример

тут вообще непонятно как менять кроме фиксить кроме как в коде. и тут всё переносится с теми же самыми стиля, а на сайте нет( https://codepen.io/gdskefee-the-flexboxer/pen/rNoLJPm

0

01.09.2023

Pavel Vladimirov Автор вопроса

LZD
codepen.io/pen покажите пример

column__open_date задаю ей 50px, а ей пофиг, контент не переносится на следующую строку

0

01.09.2023

LZD

Pavel Vladimirov
тут вообще непонятно как менять кроме фиксить кром...

какой тут препроцессор?

0

01.09.2023