0

こんにちは、5 列のテーブルがあります。問題は、最初の列の<td>値が長くなり、詰め込まれてしまうことです。最初の列の新しい行を作成せずに、2 番目の列を改行に移動し、最初の列を行全体にまたがる方法はあり<tr>ますか

ありがとう

4

2 に答える 2

0

をそのように垂直に積み重ねることができるとは思わないtd..おそらく、を使用するのではなく、tdそれらを に分割divし、CSS をいじることでそれらを一列に並べることができ、最初のものが大きく伸びると、もう一方をその下に押し込む必要がありますか？

編集 2: 新しいバージョン、より良い位置合わせ。

<table style="width: 200px;">
    <tr>
        <td>
            <div style="background-color: red; display: inline;">
                OneOneOneOne
            </div>
            <div style="background-color: blue; display: inline; width: 90px;">
                TwoTwoTwo
            </div>
            <div style="background-color: green; display: inline; width: 90px;">
                Three
            </div>  
        </td>
    </tr>
    <tr>
        <td>
            <div style="background-color: red; display: inline;">
                OneOneOneOneOneOneOneOneOneOneOne
            </div>
            <div style="background-color: blue; display: inline; width: 90px;">
                TwoTwoTwo
            </div>
            <div style="background-color: green; display: inline; width: 90px;">
                Three
            </div>
        </td>
    </tr>
</table>

見栄えが悪く、さらに微調整が必​​要ですが、あなたが説明したようなものです..

于 2012-08-02T18:13:28.343 に答える
0

いいえ。2 番目の行trには新しい(表の行) を作成する必要があり、属性を使用して最初の行を広くすることができます。colspan

このようなもの：

<table>
  <tr>
    <td colspan="2">abcdefg</td>
  </tr>
  <tr>
    <td>a</td>
    <td>b</td>
  </tr>
</table>
于 2012-08-02T18:11:21.213 に答える