0

この質問は簡単だと思います... テーブルの次の HTML コードが必要です。

<table>
  <tr>
    <th>Heading 1</th>
    <td>or</td>
    <th>Heading 2</th>
  </tr>
  <tr>
    <td>Data 1 of Row 2</td>
    <td>Data 2 of Row 2</td>
  </tr>
  <tr>
    <td>Data 1 of Row 3</td>
    <td>Data 2 of Row 3</td>
  </tr>
</table>

出力を次のように生成するには:

空の <td> 要素を持つテーブル

かつ次のようではない:

空の <td> 要素のないテーブル

つまり、次のように表示したいと思います。

<table>
  <tr>
    <th>Heading 1</th>
    <td>or</td>
    <th>Heading 2</th>
  </tr>
  <tr>
    <td>Data 1 of Row 2</td>
    <td></td>
    <td>Data 2 of Row 2</td>
  </tr>
  <tr>
    <td>Data 1 of Row 3</td>
    <td></td>
    <td>Data 2 of Row 3</td>
  </tr>
</table>

私のコードには空の要素がありません..空のコンテンツがある場合、テーブルに要素<td>を書きたくありませんでした..どの属性(値付き)を使用すればよいですか? 属性にするべき？（そうでないことを願っています！）これは可能ですか？<td>style

4

2 に答える 2

1

「または」という言葉は本当に重要な内容ですか、それともただの飾りですか？私にはちょっと奇妙に見えます。生意気な代替案は次のとおりです。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<style media="all">
th {position: relative;}
th:first-child:after {
    content: "or";
    position: relative;
    right: -1em;
    top: 0;
}

</style>

</head>
<body>

<table>
  <tr>
    <th>Heading 1</th>
    <th>Heading 2</th>
  </tr>
  <tr>
    <td>Data 1 of Row 2</td>
    <td>Data 2 of Row 2</td>
  </tr>
  <tr>
    <td>Data 1 of Row 3</td>
    <td>Data 2 of Row 3</td>
  </tr>
</table>

</body>
</html>

警告IE ではテストされていません。

于 2013-04-29T10:03:08.203 に答える
0
于 2013-04-29T13:09:27.400 に答える