display:inlineblock 的含义

display:inline-block

引用:
将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。

<ul id="menu">
  <li><strong><a href="#">a</a></strong></li>
  <li><strong><a href="#">b</a></strong></li>
  <li><strong><a href="#">c</a></strong></li>
  <li><strong><a href="#">d</a></strong></li>
</ul>


 

ul {
    display: inline-block;
}


 

我的理解:它会将具有这个属性的对象,这里是ul元素呈现为内联对象,而对于ul里面的元素,则一律看做是块对象。

                  对于外部来说,整个ul就是一个内联对象。

原文地址:https://www.cnblogs.com/chenjianhong/p/4144936.html