html表希望以更好的方式理解_Html_Css

html表希望以更好的方式理解

html css

html表希望以更好的方式理解,html,css,Html,Css,我有一个旧代码： <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

我有一个旧代码：

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


#包装{页边距：0自动；最大宽度：992px；}
标题
主数据窗口
右侧按钮
底部按钮

现在，由于不推荐使用表高（因此，如果我在文件中放入DOCTYPE html，它会破坏该文件），因此，获得相同结果的现代方法是什么

基本上，我希望它是一样的，所以在所有的显示器和设备的方向，它的大小相同

非常感谢。

现在最好使用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">

.tbl1{
宽度：100%；
高度：40px；
边框：1px纯黑；
}

注意：使用表格进行布局也是一种不推荐的做法。除非您显示的是实际的表格数据，否则我建议您使用div、span等。

只需使用CSS样式替换不推荐的属性：宽度、高度、边框。它是有效的HTML5，并且工作的方式是相同的。而且，由于这不类似于表格数据（从我的HTML中可以看到），不要考虑使用<代码>表>代码>布局。现代方法得到相同的结果是使用<代码> <代码>或<代码> <代码>或<代码> <代码>，而不是使用<代码> <代码>。代码>仅用于表格数据（例如，购物车中的项目列表）。搜索“CSS vs Tables”，您将获得许多入门资料。首先，您没有尝试过的代码，所以基本上您要求我们为您转换10年前的代码。接下来，您会问“我希望它在所有显示器和设备方向上都相同，大小相同（sic）”，因此您也要求我们不仅要更新代码，还要确保移动设备就绪。真正地我猜你只是找了份工作，发了些帖子，希望我们能为你做所有的工作。你应该在这里提问，而不是要求代码来转换你的旧网站。