1

実は私はデザイン初心者です。3行の説明が下にあるhtmlテーブルがあります

  1. 行 1 -- 2 列

  2. 行 2 -- 1 列

  3. 行 3 -- 3 列

今、私は3番目の行の列を均等なパーティションに分割したいのですが、コルスパンを調整することができません。

<table width="100%" cellpadding="5" cellspacing="0" border="1">

    <tr>
        <td align="left">Infodeep Technologies</td>
        <td align="right">3 Minutes ago</td>
    </tr>

    <tr>
        <td colspan="3" align="justify">Samsung pioneered the trend of
            a new breed of devices, now more commonly known as
            'phablets',smartphones that are (almost) nearing tablets in size.
        </td>
    </tr>

    <tr>
        <td align="left">By panel.</td>
        <td align="center">21.12%</td>
        <td align="right">21 / 30</td>
    </tr>

</table>
4

2 に答える 2

0

テーブル レイアウトを追加してみてくださいfixed。これにより、ブラウザのデフォルトのセルのサイズ変更が上書きされます。

<table width="100%" cellpadding="5" cellspacing="0" border="1" style="table-layout:fixed">

    <tr>
        <td align="left" width = "50%">Infodeep Technologies</td>
        <td align="right" colspan = "2">3 Minutes ago</td>
    </tr>

    <tr>
        <td colspan="3" align="justify">Samsung pioneered the trend of
            a new breed of devices, now more commonly known as
            'phablets',smartphones that are (almost) nearing tablets in size.
        </td>
    </tr>

    <tr>
        <td align="left" col>By panel.</td>
        <td align="center">21.12%</td>
        <td align="right">21 / 30</td>
    </tr>

</table>
于 2013-02-22T11:04:41.127 に答える
0

これがあなたが望むものであることを願っています。

<table width="100%" cellpadding="5" cellspacing="0" border="1" >

    <tr>
        <td align="left" width = "50%">Infodeep Technologies</td>
        <td align="right" colspan = "2">3 Minutes ago</td>
    </tr>

    <tr>
        <td colspan="3" align="justify">Samsung pioneered the trend of
             a new breed of devices, now more commonly known as
             'phablets',smartphones that are (almost) nearing tablets in size.
        </td>
    </tr>

    <tr>

        <table border = "1" width = "100%" >

          <tr>
            <td  align="left" width = "33%"  >By panel.</td>          
            <td  align="centre"  width = "33%" >21.12%</td>
            <td align="right"  width = "33%" >21 / 30</td>
          </tr>

        </table>

    </tr>

</table>
于 2013-02-22T10:51:55.027 に答える