css html span 塊狀不換行

來源:互聯網
上載者:User

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>  
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.