1、例:寬度我設置的是25%,按理來說,應該是4個排列的,實際上如下圖:
2、因為:是由於 HTML 的標簽之間,存在着間距,
當顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行,所有連續的空格或空行都會被算作一個空格。需要注意的是,HTML 代碼中的所有連續的空行(換行)也被顯示為一個空格,此為 “ HTML的空白折疊現象
”。
3、所以:需要在父元素設置 font-size:0,把代碼之間的行,空格等,全部設置為0;即可以正常4個排列一起,如下圖:
需要注意的是,由於我們在父元素中,設置了 font-size:0 ,子元素中,需要單獨設置字號,否則子元素中的字體,無法顯示。