css html span塊狀不換行

maqianmaqian發表於2010-11-30
CSSHTML

span標記的樣式設定width屬性，會發現不會產生效果。

如果設定display:block，width屬性生效，但是此時的span跟div一樣了。
如果設定display:inline-block，則span並列在同行，而且width屬性生效。

元素display屬性的常見值說明：

block：塊物件的預設值。將物件強制作為塊物件呈遞，為物件之後新增新行。
inline：內聯物件的預設值。將物件強制作為內聯物件呈遞，從物件中刪除行。
inline-block：將物件呈遞為內聯物件，但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行內。
non：隱藏物件。與 visibility 屬性的hidden值不同，其不為被隱藏的物件保留其物理空間。
例如：

Java程式碼 複製程式碼
  1. <span style="display:inline-block">這是測試</span>  

相關文章