Сделать HTML-столбец более широким, так как внутреннее деление увеличивается

StackOverflow https://stackoverflow.com/questions/269761

  •  06-07-2019
  •  | 
  •  

Вопрос

Пожалуйста, примите во внимание следующее: 

<td style="width: 500px;">
    <div style="width: 400px;">SomeContent</div>
</td>

По какой-то причине столбец, содержащий div, не будет расширяться до 500px, как предполагает стиль.

Знаете ли вы, как заставить td соблюдать ширину, указанную в стиле?

Это было полезно?

Решение

Теоретически вы можете использовать стили min-width и max-width. На практике некоторые популярные браузеры игнорируют эти стили. В этом случае вы явно объявили ширину 400, поэтому она всегда должна равняться 400, если на нее не влияют растущий ребенок или сужающийся родитель. Вы можете запустить на «сервере» и программно определить атрибут ширины на основе размера контента, или вы можете поиграть со стилем переполнения, или поместить его в панель с горизонтальной полосой прокрутки.

Другие советы

есть ли ширина таблицы и другие значения в таблице? Кроме того, у вас есть тип документа?

Однако, как говорится, вот ваше решение: 

<td style="width: 500px">
  <div style="padding: 0 50px">SomeContent</div>
</td>

Правильная настройка отступов.

<Ч>

Перечитав ваш вопрос, я чувствую, что это может быть не тот ответ, который вы ищете. Не могли бы вы уточнить немного больше?

попробуйте это 

<td style="width:500px;">
  <div style="width:100%;">SomeContent</div>
</td>

если вы хотите, чтобы значение td было точным размером div, до максимального значения 500px, тогда попробуйте: 

<td style="max-width:500px;">
  <div style="width:100%;">SomeContent</div>
</td>

Помните, что IE6 не понимает максимальную ширину и просто заставит его быть 500px.

У вас нет причин устанавливать фиксированную ширину в DIV внутри TD, по умолчанию DIV являются блочными элементами, что означает, что они будут заполнять всю ширину содержащегося там элемента.

Либо установите отступы на TD или поля на DIV, чтобы добиться того же стиля.

Не видя дополнительной разметки или CSS, я не вижу никакой причины, по которой TD не будет иметь 500px, если вы добавите два разных цвета фона к элементам, вы действительно заметите, что TD будет на 100px шире, чем div.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top