Question

div中的属性display:inline和display:block有什么区别?

Answer 1

一、作用不同

1、display:inline：设置对象做为行内元素显示，inline是内联对象的默认值。

2、display:block：设置元素将显示为块级元素，此元素前后会带有换行符。

二、对应不同

1、display:inline： 对应不显示为 display:none。

2、display:block：对应不显示为 hidden。

三、用法不同

1、display:inline：用在 <ul> 下的 <li> 中 内联 block一般一个块占一行，除非float inline是自动排为一行，就象段内的文字一样，可成为多行。

2、display:block：block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素，例如 SPAN 是行内显示的，但是加了 display:block 属性就不同。<span style= "display:block "> SPAN1 </span>。

参考资料来源：百度百科-display:inline

参考资料来源：百度百科-CSS语法