1

すべてのブラウザで同じように機能するように、幅と高さの両方のパラメータをピクセルではなくパーセンテージで渡すことによってのみHTMLでテーブルレイアウトを作成する方法?また、plsは、必要な形式を見つけることができるいくつかの優れた資料またはリンクを提案しますこのタスクを実行するために使用される属性とその値。早期の返信をいただければ幸いです。

4

2 に答える 2

4

これをチェックしてくださいhttp://jsfiddle.net/nalaka526/hUFh4/6/

CSS

.divTable
{
    width: 50%;
    height: 50%;
    display: table;
}

.divTableRow
{
    width: 100%;
    height: 100%;
    display: table-row;
}

.divTableCell
{
    width: 25%;
    height: 100%;
    display: table-cell;
}

HTML

<div class="divTable">
        <div class="divTableRow">
            <div class="divTableCell">
                H1
            </div>
            <div class="divTableCell ">
                H2
            </div>
            <div class="divTableCell ">
                H3
            </div>
            <div class="divTableCell ">
                H4
            </div>
        </div>
        <div class="divTableRow">
            <div class="divTableCell">
                a
            </div>
            <div class="divTableCell ">
                b
            </div>
            <div class="divTableCell ">
                c
            </div>
            <div class="divTableCell ">
                d
            </div>
        </div>
</div>
于 2012-05-09T04:39:48.413 に答える
0

あなたが何を求めているのか完全にはわかりません。流動的な<table>レイアウトが必要ですか?以下は、流動的なレイアウトの非常に基本的な例です。テーブルの幅は、それが入っているコンテナと同じだけであることに注意してください。

<table width="100%" height="100%">
    <tr width="25%" height="100%">
        <td></td>
    </tr>
    <tr width="75%" height="100%">
        <td></td>
    </tr>
</table>
于 2012-05-09T04:20:35.467 に答える