Question

请教大师个Css的问题 display inline 和display inline Block,都能到什么作用呢

Answer 1

inline就是转为流动元素，就是比如定义一个<div></div>,他不会自动换新的一行，流动元素都会出现在上一元素之后的位置

相反，block就是指元素会新换一行显示，和inline正好相反的概念

inline Block 就是指该元素拥有inline的流动元素特性，并拥有block中能设置元素宽高的特性，合二为一。

关于CSS的问题的话推荐去CSS黑板报找找，那里应该会有答案的~

直接百度:CSS黑板报，第一个就是啦~加油！

Answer 2

来个简单的测试
<a id="link" href="#">链接</a>
#link{display:block;width:100px;height:100px;background:red}
此时你会看到一个宽度100和高度100的红色点击区域
，如果你不加display:block(默认display:inline)，那么你不会看到一个高度100和宽度100的点击区域.

Answer 3

inline：行内级box的默认值。
inline-block：将box呈现为行内级box，但是box的内容作为块级box呈现。与旁边的行内级box会被呈现在同一行内。

Answer 4

看w3cschools把
http://www.w3school.com.cn/css/pr_class_display.asp
定义和效果
具体说应该是让某个内联元素拥有layout把