html-display标签

标签可以分为行内标签和行间块级标签，

块级标签：占一行，如果父标签没有限高度，子标签会自动扩展父标签的高度，行内标签不能，

　　　　　可以设置宽度 高度 padding margin

行内标签：

　　　　   不能设置宽度 高度 padding margin

　　　　　标签不能自动伸展

 

可以通过display灵活的将标签在行内和行间随意转换

　　display：inline;转换成行内标签

　　display：block;转换成块级标签

　　display:inline-block;即有行内标签的属性也有块极标签的属性

　　display:none;让标签消失，可以做很多功能，调用js

当行间内联标签需要设置宽度高度或padding margin时就要把display设置成inline-block;

<a style="border: 1px solid red; height: 40px;width: 40px;display: inline-block;">aaa</a>
<a>bbb</a>