Я новичок в HTML, и у меня проблема с форматированием моей таблицы.
<table border="1" width="100%" id="table1">
<tr>
<td width="50%"> </td>
<td width="50%" colspan="4"> </td>
</tr>
<tr>
<td width="33%"> </td>
<td width="33%" colspan="3"> </td>
<td width="34%"> </td>
</tr>
</table>
Я хочу создать таблицу следующим образом:
[-----|-----]
[---|---|---]
И он создает что-то вроде этого:
[-----|-----]
[-----|---|-]
Как я могу форматировать это?
вы можете использовать атрибут colspan
для этого форматирования:
Используйте LCM [наименее общий кратный] или его кратный номер столбцов в обеих строках как максимальное количество столбцов
В этом случае LCM [2,3] = 6, поэтому вы можете использовать 6 или 12 или 18... это вам
Теперь установите значения colspan
соответственно: если вы считаете max colspan = 6, тогда
<table border="1" width="100%" id="table1">
<tr>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="2"> </td>
<td colspan="2"> </td>
</tr>
Или если вы считаете max colspan = 12, тогда
<table border="1" width="100%" id="table1">
<tr>
<td colspan="6"> </td>
<td colspan="6"> </td>
</tr>
<tr>
<td colspan="4"> </td>
<td colspan="4"> </td>
<td colspan="4"> </td>
</tr>
Вы можете попробовать сделать
<table border="1" width="100%" id="table1">
<tr>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="2"> </td>
<td colspan="2"> </td>
</tr>
</table>
Используя самое маленькое число из числа commmon как "реальное" количество столбцов, вы можете распространять их так, как вы хотели
Тем не менее, лучшее решение делает, как предложено в комментариях, и использует divs