17

さて、長いタイトルのショートストーリー。次のような構造のテーブルがあります。

<table>
<thead>
<tr><th>longer Heading with a width of 100%</th></tr>
</thead>
<tbody>
<tr><td>cell 1</td><td>cell 2</tr>
<tr><td>cell 3</td><td>cell 4</tr>
</tbody>
</table>

そして、thを全幅にして、表のセルの幅を変えないようにしたいと思います。これを可能にするCSS表示プロパティがあると思いますが、まだ有効な解決策を見つけていません。

4

3 に答える 3

26
<table>
  <thead>
     <tr><th colspan="2">longer Heading with a width of 100%</th></tr>
  </thead>
  <tbody>
     <tr><td>cell 1</td><td>cell 2 </td></tr>
      <tr><td>cell 3</td><td>cell 4 </td></tr>
 </tbody>

の使用はcolspanあなたのためにトリックを行います

于 2013-07-28T10:38:56.327 に答える
6

これ?

<th colspan="2">...</th>
于 2013-07-28T10:28:46.377 に答える
4

thそれよりも簡単です。要素に colspan が必要なだけです。
Colspan は、要素が拡張するセルの数を定義します。

<table>
    <thead>
        <tr><th colspan="2">longer Heading with a width of 100%</th></tr>
    </thead>
    <tbody>
        <tr><td>cell 1</td><td>cell 2</tr>
        <tr><td>cell 3</td><td>cell 4</tr>
    </tbody>
</table>

See my Fiddle

于 2013-07-28T10:28:42.323 に答える