Можете ли вы смешать% и px для выравнивания таблицы?

Question

Я пытаюсь выровнять разные таблицы с разным количеством столбцов, поэтому первые два столбца выравниваются, а остальные независимы, но с использованием% это очень сложно, и при изменении размера окна происходит выравнивание потерь.

Вот почему я пытался выровнять смешение с% и px на td, например.

<table> 
    <tr> 
    <td width="100px"></td> 
    <td width="100px"></td> 
    <td width="50%"></td> 
    <td width="20%"></td> 
</tr> 
</table> 
<table> 
<tr> 
    <td width="100px"></td> 
    <td width="100px"></td> 
    <td width="70%"></td> 
</tr> 
</table> 

Но как не выглядит логичным, похоже, что это не работает.

Есть ли способ получить эту работу или альтернативу?

Answer 1

Для этого вам нужно будет использовать атрибут colspan. Таблицы разработаны таким образом, что существуют отдельные строки и столбцы, где число столбцов в таблице равно наибольшему количеству элементов TD в любой строке + число столбцов, которые эти ячейки занимают (по умолчанию 1). Таким образом, вам нужно определить базовый блок для столбца в вашей таблице, а затем, чтобы ячейки были кратными этой базе.

Следует помнить, что любая строка с меньшим количеством столбцов, заданных в ней (как одиночные TD-столбцы, так и TDs, содержащие более одного столбца), заполняет столько столбцов, сколько может, слева направо (если текст rtl указан в CSS), поэтому вы можете иметь строки с разными номерами столбцов, поскольку ячейка TD не может выходить из ее столбца, если не установлен атрибут colspan (другими словами, TD должен занимать целое число столбцов, не частичные столбцы)

---

EDIT: вы можете использовать только метод, который я описал, когда вы имеете дело только с 1 стол. Чтобы выровнять 2 таблицы, оберните их как в родительский элемент (DIV), так и в таблицу, равную 100%. Затем вы можете управлять шириной div, которая заставит таблицы внутри использовать все доступное пространство. Затем проблема становится той, где вам просто нужно убедиться, что таблицы заполняют пространство таким же образом, что проще, потому что он более контролируется.

Answer 2

Вы можете смешивать% и px, но вы должны думать о% относительно родителя. Если таблица равна 500px, то 50% будет 250px и т. Д.

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

Answer 3

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

Answer 4

вы можете добавить width с помощью атрибута стиля:

td style="width:120px"