css width: 50% 不會並排顯示


1、例:寬度我設置的是25%,按理來說,應該是4個排列的,實際上如下圖:

 

2、因為:是由於 HTML 的標簽之間,存在着間距,當顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行,所有連續的空格或空行都會被算作一個空格。需要注意的是,HTML 代碼中的所有連續的空行(換行)也被顯示為一個空格,此為 “ HTML的空白折疊現象”。

3、所以:需要在父元素設置 font-size:0,把代碼之間的行,空格等,全部設置為0;即可以正常4個排列一起,如下圖:

 

需要注意的是,由於我們在父元素中,設置了 font-size:0 ,子元素中,需要單獨設置字號,否則子元素中的字體,無法顯示。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM