Вы можете сделать HTML «onwrap»

Question

Так что, если я делаю таблицу с двумя !important полями, как это:

<table> 
    <tr> 
    <th nowrap style='width:auto !important'>Large Field 1</th> 
    <th nowrap style='width:auto !important'>Large Field 2</th> 
    </tr> 
    <tr> 
    <td>This is lots of text it will make the table wider than the screen</td> 
    <td>This is also lots of text it will make the table wider than the screen</td> 
    </tr> 
</table> 

Моя проблема, я хочу, чтобы таблица автоматически регулировать ширину в зависимости от размеров обоих полей. Если человек пуст, то другой занимает большую часть пространства и наоборот. Проблема возникает, когда они оба длинные и без nowrap они занимают более одной строки (чего я не хочу). Я хочу, чтобы вы могли называть часть JS, если браузер хочет обернуть. Я не думаю, что это существует, но, возможно, кто-то знает об альтернативе. Я использовал обрезку PHP, но это не работает, если одно поле пустое, а другое заполнено.

Пожалуйста, скажите, если я не объяснил это хорошо.

Answer 1

Это похоже на то, что вы пытаетесь сделать точно противоположное тому, что элемент таблицы хочет сделать. Элемент table предназначен для форматирования других элементов (или текста) в сетке с одинаковым размером. Если вы действительно хотите сделать это таким образом, вы должны использовать атрибут colspan, доступный в элементе <td>. Конечно, вам нужно будет написать javascript (возможно, использовать jQuery), чтобы добавить атрибут colspan и его значение в зависимости от того, какой текст находится в ячейке таблицы. Надеюсь, это поможет.