資訊專欄INFORMATION COLUMN
摘要：例如學習升職加薪成功百度將元素設置為后，顯示結果為標簽之間會產生間隙，原因就是書寫代碼中，為了美觀易讀，標簽結束后會回車換行，上一個的結束標簽與下一個的開始標簽之間有回車，解析后會生成一個字符。
標簽設置為inline-block后，如何消除標簽之間的間隔。
?
例如：
?
?
將li元素設置為inline-block后，
div {text-align: center;}
ul {list-style: none;}
li {display: inline-block;background: blue;}
a {color: white;text-decoration: none;}
顯示結果為：
標簽之間會產生間隙，原因就是書寫html代碼中，為了美觀易讀，標簽結束后會回車換行，上一個li的結束標簽與下一個的開始標簽
解決方法有以下幾種：
1.將其寫成如下方式：目的是刪除開始標簽和結束標簽的間隙，但是代碼的可讀性會變差，看著會非常難受。
或者將li的結束標簽省略，或者將其寫在一行，不過不推薦這種方法
2.父元素的font-size設置為0，而后在需要顯示的元素恢復原來的字體樣式。
div {text-align: center;font-size: 0px;}
ul {list-style: none;}
li {display: inline-block;background: blue;}
a {color: white;text-decoration: none;font-size: 16px;}
具體也可以參考
?
此處
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1671.html
摘要：在元素之后添加內容控制表單控件的禁用狀態。生成相對定位的元素，相對于其正常位置進行定位。由于浮動框不在文檔的普通流中，所以文檔的普通流的塊框表現得就像浮動框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區別 聯系：它們都能讓元素不可見 區別： display:none;會讓元素完全從渲染樹中消失，渲染的時候不占據任...
摘要：在元素之后添加內容控制表單控件的禁用狀態。生成相對定位的元素，相對于其正常位置進行定位。由于浮動框不在文檔的普通流中，所以文檔的普通流的塊框表現得就像浮動框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區別 聯系：它們都能讓元素不可見 區別： display:none;會讓元素完全從渲染樹中消失，渲染的時候不占據任...
摘要：在元素之后添加內容控制表單控件的禁用狀態。生成相對定位的元素，相對于其正常位置進行定位。由于浮動框不在文檔的普通流中，所以文檔的普通流的塊框表現得就像浮動框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區別 聯系：它們都能讓元素不可見 區別： display:none;會讓元素完全從渲染樹中消失，渲染的時候不占據任...
閱讀 801·2021-10-09 09:44
閱讀 704·2019-08-30 13:55
閱讀 3164·2019-08-29 15:07
閱讀 3229·2019-08-29 13:09
閱讀 2422·2019-08-29 11:10
閱讀 1298·2019-08-26 14:05
閱讀 3606·2019-08-26 13:57
閱讀 2214·2019-08-23 16:42
