Форматировать таблицу HTML

Question

Форматировать таблицу HTML

0

Я новичок в HTML, и у меня проблема с форматированием моей таблицы.

<table border="1" width="100%" id="table1">
    <tr>
        <td width="50%">&nbsp;</td>
        <td width="50%" colspan="4">&nbsp;</td>
    </tr>
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%" colspan="3">&nbsp;</td>
        <td width="34%">&nbsp;</td>
    </tr>
</table>

Я хочу создать таблицу следующим образом:

[-----|-----]
[---|---|---]

И он создает что-то вроде этого:

[-----|-----]
[-----|---|-]

Как я могу форматировать это?

fzl 17 сен. 2013, в 16:02

Источник

Теги:

html

formatting

2 ответа

2

Вы можете попробовать сделать

<table border="1" width="100%" id="table1">
    <tr>
        <td colspan="3">&nbsp;</td>
        <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="2">&nbsp;</td>
        <td colspan="2">&nbsp;</td>
        <td colspan="2">&nbsp;</td>
    </tr>
</table>

Используя самое маленькое число из числа commmon как "реальное" количество столбцов, вы можете распространять их так, как вы хотели

Тем не менее, лучшее решение делает, как предложено в комментариях, и использует divs

codingTornado 17 сен. 2013, в 11:06

Ещё вопросы

Aditya Vikas Devarapalli · Accepted Answer · 2013-09-17T11-17-00.000Z

вы можете использовать атрибут colspan для этого форматирования:

Используйте LCM [наименее общий кратный] или его кратный номер столбцов в обеих строках как максимальное количество столбцов

В этом случае LCM [2,3] = 6, поэтому вы можете использовать 6 или 12 или 18... это вам

Теперь установите значения colspan соответственно: если вы считаете max colspan = 6, тогда

<table border="1" width="100%" id="table1">
<tr>
    <td colspan="3">&nbsp;</td>
    <td colspan="3">&nbsp;</td>
</tr>
<tr>
    <td colspan="2">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
</tr>

Или если вы считаете max colspan = 12, тогда

<table border="1" width="100%" id="table1">
<tr>
    <td colspan="6">&nbsp;</td>
    <td colspan="6">&nbsp;</td>
</tr>
<tr>
    <td colspan="4">&nbsp;</td>
    <td colspan="4">&nbsp;</td>
    <td colspan="4">&nbsp;</td>
</tr>