-4

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

<html>
<head>
<body style="text-align:center;">
<style>
#wrapper{margin:0 auto; max-width:992px;}
</style>
<div id="wrapper">
<table border="1" width="100%" height="40px">
<tr>
<td>header</td>
</tr>
</table>
<table border="1" width="100%" height="50%">
<tr>
<td width="60%">Main Data Window</td>
<td width="40%">Right Side Buttons</td>
</tr>
</table>
<table border="1" width="100%" height="43%">
<tr>
<td>Bottom Buttons</td>
</tr>
</table>
</div>
</body>
</html>

現在、テーブルの高さは非推奨になっているため (ファイルに DOCTYPE html を入れると壊れます)、同じ結果を得る最新の方法は何でしょうか。

基本的に私はそれを同じにしたいので、すべてのモニターとデバイスの向きで同じサイズになります。

どうもありがとう。

4

1 に答える 1

-1

最善の方法は、今すぐ CSS を使用することです。次のようなインラインで no にすることもできます。

<table border="1" style="width:100%; height:40px; border:1px solid black;">

または、自分でクラスを作成してテーブルに適用します。

.tbl1{
width:100%; 
height:40px; 
border:1px solid black;
}

<table class="tbl1">

注: レイアウトの目的でテーブルを使用することも、非推奨の方法です。実際の表形式のデータを表示している場合を除き、div、span などを使用することをお勧めします。

于 2013-02-01T14:40:39.360 に答える