4

私はボーダー崩壊についてネットを検索してきました。そして、ネストされたテーブルの境界線は実際には折りたたまれていないようです。サンプルHTMLを作成しましたが、境界の崩壊を無視しているようです。

ここで関連する質問を見つけましたが、解決されていないようです。リンクテキスト

<html>
<head>
</head>
<body>
  <p>dsafhidsljfalkdsjfklsdajfkjsdakl jdsfjasdklfasdkljfkl</p>
  <table style="border: solid 1px #000000; border-collapse: collapse;" cellpadding="0" cellspacing="0">
    <tr>
      <td>
        <table style="border: solid 1px #000000; border-collapse: collapse;" cellpadding="0" cellspacing="0">
          <tr>
            <td>
              A
            </td>
            <td>
              <input type="text" />
            </td>
          </tr>
          <tr>
            <td>
              B
            </td>
            <td>
              <input type="text" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>

補足情報（somacoreとmooのコメントに基づく）：この問題を解決するために、内部テーブルで「border：none」をすでに使用しました。ただし、一部のデザインでは、ネストされた1つのテーブルだけではありません。複雑なWebページの場合、GUIを設計するには、最大3〜4のネストされたテーブルレベルが必要です。そして、それらのネストされたテーブル内では、すべてのセルが境界線を使用するわけではありません。問題の簡単な例を使用したところです。

隣接する境界線を1つにマージするハンドピッキングの他の解決策はありますか？

4

1 に答える 1

1

border-collapse は、テーブル内の td および tr 要素で機能します。

somacore が述べたように... 2 番目のテーブルの境界線をオフにしてみませんか? (または、実際のマークアップを使用しない理由は?)

于 2009-10-17T02:02:16.570 に答える