您好,登錄后才能下訂單哦!
這篇文章主要講解了“如何理解css html span塊狀不換行問題”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“如何理解css html span塊狀不換行問題”吧!
span標記的樣式設定width屬性,會發現不會產生效果。
如果設置display:block,width屬性生效,但是此時的span跟div一樣了。
如果設置display:inline-block,則span并列在同行,而且width屬性生效。
元素display屬性的常見值說明:
block:塊對象的默認值。將對象強制作為塊對象呈遞,為對象之后添加新行。
inline:內聯對象的默認值。將對象強制作為內聯對象呈遞,從對象中刪除行。
inline-block:將對象呈遞為內聯對象,但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內。
non:隱藏對象。與 visibility 屬性的hidden值不同,其不為被隱藏的對象保留其物理空間。
例如:
代碼如下:
<span >這是測試</span>
感謝各位的閱讀,以上就是“如何理解css html span塊狀不換行問題”的內容了,經過本文的學習后,相信大家對如何理解css html span塊狀不換行問題這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。