-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。您可以不使用以下内容内联它：

<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 回答