Как получить ширину строки, чтобы соответствовать ширине других строк в таблице? - PullRequest
Новая
       11

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

1 голос
/ 01 сентября 2010

В следующей таблице содержимое первой ячейки генерируется динамически.Длинный текст во второй ячейке приводит к тому, что ширина таблицы становится больше, чем необходимо для размещения в первой ячейке.

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

<table border="1">
  <tr><td>name: <input type="text"></input></td></tr>
  <tr><td>blah blah blah blah blah blah blah blah blah blah</td></tr>
</table>

Ответы [ 3 ]

1 голос
/ 01 сентября 2010

Прежде всего, не закрывайте ввод, как вы, сделайте следующее: 

<input type="text" />

Во-вторых: просто задайте для таблицы фиксированную ширину: 

<table border="1" style="width: 400px;">
  <tr><td>name: <input type="text" /></td></tr>
  <tr><td>blah blah blah blah blah blah blah blah blah blah</td></tr>
</table>

А-а инаконец, третье: не используйте таблицы для макетов.Даже формы можно обойтись без таблицы.

0 голосов
/ 07 июня 2011

Мне бы тоже понравилось решение этой проблемы. Ответы на этот другой вопрос указывают, что нет простого ответа ...

Текст обтекания HTML TD

0 голосов
/ 01 сентября 2010

Не уверен, почему вы говорите, что не можете использовать фиксированную ширину, потому что у вас есть зависимость от первой ячейки.Вы можете вычислить это во время выполнения, проверив значение для 2-й ячейки, и если оно длиннее определенной определенной ширины, вы примените определенную ширину к вашей ячейке.

Если, однако, вывод для 2-й ячейкине очень длинный (и не запускает проверку длины), тогда вам не нужно добавлять какое-либо определение ширины.

Мне кажется, это просто, но я предполагаю, что вы используете язык сценариев на сторонедля генерации этого контента, если только вы не имеете в виду, что это PURE html, и в этом случае я бы решил проблему с библиотекой JS, такой как jQuery, и сделал бы такую ​​же проверку длины для значения, а при срабатывании добавил определение ширины для вашей ячейки.

...