HTML表格布局实例讲解

2019-10-26 17:18:02

字体：大中小

来源：转载

供稿：网友

HTML 文档中的元素是一个接着一个排列的，只是简单地在在块级元素的前后加上拆行，是一种流水布局。但是，我们所见到的 Web 页面按照一定的规则布局排版的（通常是多列的），所以就要借助一定的方法来实现这种布局，通常的解决方案是：使用区块元素 <div> 或表格（<table>）来布局 Web 页面的内容。

使用表格进行布局，是一种较老的布局解决方案。并不推荐使用，我们应该总是使用表格来显示表格化的数据。

HTML 文档

CSS Code复制内容到剪贴板

<!DOCTYPE html> <html lang="en">

<link rel="stylesheet" href="css/mystyle.css">

<title>Island estaurant</title> </head>

<tr>

</td> </tr>

<tr>

<td id="menu">

小鸡炖蘑菇<br> 家常豆腐<br>

酸辣土豆丝<br> </div>