<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>inline-table盒模型</title>
<style type="text/css">
/*table属性block盒类型 ,独占一行,两边不允许出现任何内容*/
td
{
border:1px solid black;
}
table
{
width:560px;
border-collapse:collapse;
display:inline-block;
vertical-align:top;}
</style>
</head>
<body>
我是前面的内容
<table >
<tr><td>PHP</td><td>PHP</td>
</tr>
<tr><td>PHP</td><td>PHP</td>
</tr>
<tr><td>PHP</td><td>PHP</td>
</tr>
</table>
我是后面的内容
</body>
</html>
27、实例 inline-table盒模型
最新推荐文章于 2023-10-09 09:49:31 发布