У меня есть таблица HTML, чьи ячейки содержат, среди прочего, пробелы, например:
...
<td>
<span style="height: 20px; width: 20px; margin-left: 2px;">
<span style="height: 20px; width: 20px; margin-left: 2px;">
<span style="height: 20px; width: 20px; margin-left: 2px;">
</td>
...
Я ищу способ уменьшить ширину этих пролетов, а не обертывать их, когда содержащая ячейка таблицы слишком узкая, чтобы показать их все на одной строке. Я пробовал играть с настройкой пролетов max-width
на 20px
, а затем с использованием процента для ширины, но это не работает, потому что ячейка таблицы пытается быть только такой же широкой, как и ее содержимое.
Минимальная ширина ячейки таблицы - это ширина, необходимая для отображения заголовка на 1 строке.
Для визуальных типов, здесь то, что я сейчас имею, когда имеется достаточная ширина:
Вот что я сейчас имею, когда ширина недостаточно:
И вот то, что я хотел бы, чтобы это выглядело, когда не было достаточной ширины для каждого интервала, чтобы быть полным 20px:
Если это не очевидно, промежутки представляют собой цветные квадраты в столбцах TXEs
, RDBs
и RavenNets
.