在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;則會出現大小不一致的情況，不能設定每個的統一間距