css布局内联、外联、内联-块级的学习

在css中元素的display显示方式有多种，隐藏、块级、内联、内联-块级

主要是记录内联-块级，因为内联不换行，但是不能设置大小。块级可以设置大小，但是必须换行，在有些场景就必须要又不换行又可以设置大小。

<style>
span{
   display:inline-block;
   border: 1px solid lightgray;
   margin:10px;
   width:100px;
}
</style>
像这样 ，每个都能设置宽度 ，同时还能在同一行。
<br>
 
<span>盖伦</span>
<span>蒙多医生</span>
<span>奈德丽</span>
<span>蒸汽机器人</span>

出现的结果

去掉display:inline-block;则会出现大小不一致的情况，不能设置每个的统一间距