display:inline， block， inline-block 介绍

说inline-block(行内区块元素)之前，先说下他另外的2个兄弟

1. display:inline;

内联元素，简单来说就是在同一行显示。他没有高度，给内联元素设置width和height是没效果的。
2.display:block;

块级元素，简单来说就是就是有换行，会换到第二行。同时可以设置宽高。

如果用<div>+<a> 做一个bai按钮，这个du能理解吧，就是 想通过 link zhi实dao现跳转，但是看起zhuanshu是个按钮，且dao不需要触发事件。而且 css 也比 button 的好用。

这中情况下，如果不是“块”block，那么只要点到文字上时才会触发，点到 按钮<div>但是没点到字是不行的，但是用了 block 后，整个按钮都可以承载 a 的link操作了

css中的display是设置元素显示的方式,block是一块状元素的方式显示，

inline是以内联元素的方式显示，none是不不显示；

块状元素会单独占据一样，其他元素跟他在同一行的会被迫换行，挤到下一行那里去，inline则不会这样。

3.inline-block

inline-block 的元素既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性。当然不仅仅是这些特性，比如 inline-block 元素也可以设置 vertical-align（因为这个垂直对齐属性只对设置了inline-block的元素有效） 属性。
HTML 中的换行符、空格符、制表符等合并为空白符，字体大小不为 0 的情况下，空白符自然占据一定的宽度，使用inline-block 会产生了元素间的空隙。（这句话下面会用例子解释）