行块属性
作者：互联网
块标签
div,ul,li,ol,h1~h6,p
可以设置宽高
不可以与别人共处一行
不设置宽度的情况下,默认宽度是100%
行内标签
span,strong,
不可以设置宽高
可以与别人共处一行
其宽高由内容撑开
行内块标签
img,input,a
可以设置宽高
可以与别人共处一行
行内块元素实际就是把块元素以行的形式展现,保留了块元素可以设置的对应CSS属性。
display: inline;设置成了行内属性
display: inline-block；设置了行内块属性
一般情况下，只使用块元素包含内联元素，而不会使用内联元素去包含块元素。
a元素可以包含任意元素，除了其本身。
p元素不可包含任何的块元素。
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title></title>
7 <style type="text/css">
8 div{
9 width: 300px;
10 height: 300px;
11 background: lightblue;
12 /*display: inline;设置成了行内属性*/
13 display: inline-block;/*设置成了行内块属性*/
14 }
15 span{
16 width: 300px;
17 height: 300px;
18 background: lightgreen;
19 /*display: block;设置成了块属性*/
20 display: inline-block;/*设置成了行内块属性
21 }
22 input{
23 width: 400px;
24 height: 50px;
25 }
26 </style>
27 </head>
28 <body>
29 <div>我是div</div><div>我是div</div>
30 <span>我是span</span><span>我是span</span>
31 <input type="text" name="">
32 <input type="text" name="">
33 </body>
34 </html>
标签：行内,元素,行块,设置,inline,display,属性 来源： https://www.cnblogs.com/luyanyan/p/15549441.html