控制span的width屬性及display屬性值的選擇

一般來span标記的樣式設定width屬性，會發現不會産生效果。但是有時我們因為某種應用而需要來設定span的width屬性。這個時候我們就要用到display屬性了。

對于display屬性而言他有四個屬性值：block、inline、inline-block、none。他們的詳細說明如下：

block：塊對象的預設值。将對象強制作為塊對象呈遞，為對象之後添加新行。

inline：内聯對象的預設值。将對象強制作為内聯對象呈遞，從對象中删除行。

inline-block：将對象呈遞為内聯對象，但是對象的内容作為塊對象呈遞。旁邊的内聯對象會被呈遞在同一行内。

none：隐藏對象。與 visibility 屬性的hidden值不同，其不為被隐藏的對象保留其實體空間。

如果設定display:block，width屬性生效，但是此時的span跟div一樣了。

如果設定display:inline-block，則span并列在同行，而且width屬性生效。

控制span的width屬性及display屬性值的選擇