inline-block的特点

最新推荐文章于 2022-04-13 19:39:58 发布

JhonXie

最新推荐文章于 2022-04-13 19:39:58 发布

阅读量125

点赞数

原文链接：http://www.cnblogs.com/hduhdc/p/5228978.html

版权

 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>