1

このページのような、横方向に並べられたテーブル セルを作成したいと考えています。

私は指示に従い、cssとマークアップを逐語的にコピーしましたが、何をしてもIE 8はテーブルセルをブロックとしてレンダリングします（互いに隣り合うのではなく、互いに積み重ねられます）。

CSS:

<style type="text/css">

body.TableStyles {
    display: inline-table;
    border-spacing: 4px;
}

div.maketable p {
    display: table-cell;
    width: 20%;
    background-color: #cdf;
    padding: 4px;
}

</style>

マークアップ:

<body class="TableStyles">
<div class="maketable">
        <p>< prev</p>

        <p>next ></p>
</div>

</body>
4

3 に答える 3

1

body タグをこれに置き換える必要があります。間違いなく機能します。

<body class="TableStyles">
<div class="maketable">
        <table>
        <tr>
         <td>
           <p>< prev 
           </p>
         </td>
         <td>
         <p>next >
         </p>
        </td>
        </tr>
        </table>
        </div>

</body>
于 2013-02-04T09:18:25.827 に答える
0

これを行う代わりに<ul><li>、効果を得るために使用してみませんか?

于 2010-05-17T23:57:24.703 に答える
0

HTML の形式が正しくありません。前と次の前後の < と > は、それぞれ&lt;ととしてエスケープする必要があり&gt;ます。これはおそらく、ブラウザーが CSS に準拠していない quirks モードに強制されている可能性があります。

于 2010-05-17T23:41:50.890 に答える