inline-block的特点

 1 <html>
 2     <head>
 3         <meta charset="utf-8">
 4         <title></title>
 5         <style>
 6             div, span{
 7                 height: 400px;
 8                 background-color: red;
 9                 display:inline-block;
10             }
11         </style>
12     </head>
13     <body>
14         <div>div1</div>
15         <div>div2</div>
16         <hr />
17         <span>span1</span>
18         <span>span2</span>
19         <!--
20             inline-block的特征
21             1、块元素能在一行上显示
22             2、内联元素支持宽高
23             3、没有宽度时,由内容撑开宽度
24         -->
25     </body>
26 </html>

 

posted on 2016-02-29 21:23  hduhdc  阅读(205)  评论(0编辑  收藏  举报