0

私はこのコードを持っています:

<style>
tr, .bar{
    display: table-row;
}
th, td, .pcell{
    display:table-cell;
    border: black solid 1px;
}
</style>
<body>
    <table>
        <div class="bar">
            <label class="pcell">Stuff</label>
            <label class="pcell">moose</label>
        </div>
        <tr>
            <td>Other Stuff</td>
            <td>cow</td>
        </tr>
        <tr>
            <div class="pcell">More Stuff</div>
            <td>chicken</td>
        </tr>
    </table>
</body>

表全体を置き換えることなく、表のセルをラベルに置き換えられるようにしたいと考えています。これを達成する方法はありますか？テーブル全体ではなく、行のみを置き換えても問題ありません。

このチュートリアルから適応した選択可能なラベルでヘッダー行を作成しようとしています。ありがとう。

4

1 に答える 1

1

これが解決策ではないことはわかっていますが、コメントには当てはまりません。

これは有効な html ではありません。ブラウザは最初に HTML コードを解析します。adivが有効な子ではないtableかtr、ブラウザがこれを修正しようとして、いくつかの魔法を実行するためです。たとえば、クロムでは、この html コードは次のように変換されます。

<div class="bar">
     <label class="pcell">Stuff</label>
     <label class="pcell">moose</label>
</div>
<div class="pcell">More Stuff</div>

<table>
    <tr>
        <td>Other Stuff</td>
        <td>cow</td>
    </tr>
    <tr>
        <td>chicken</td>
    </tr>
</table>

そのため、CSS コードに期待される結果がありません。

なぜラベルを使用したいのですか? thandは機能しませtheadんか?

于 2013-03-05T15:37:28.563 に答える