css3内联元素和块元素

display:inline-block;是可以添加宽度的。

</head>
<style>
div{
background-color:#9C6;
display:inline;//变成内联元素
}
span{
background-color:#939;
display:block;//块元素
}
</style>
<body>
<div>div元素</div>
<div>div元素</div>
<span>span元素</span>
<span>span元素</span>
</body>
</html>

 

 

</head>
<style>
table{

display:inline-table;//改变你好的方向成左右
border:solid 3px #CF3;//添加边框和颜色
}

</style>
<body>
你好
<table>
<tr><td>A</td><td>A</td><td>A</td></tr>
</table>
<table>
<tr><td>A</td><td>A</td><td>A</td></tr>
</table>
<table>
<tr><td>A</td><td>A</td><td>A</td></tr>
</table>
你好
</body>
</html>

posted @ 2015-07-29 15:14  大发明家  阅读(401)  评论(0编辑  收藏  举报