国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

使用font-size：0 來去掉inline-block元素之間的空隙方法

2024-07-11 08:47:45
字體：大 中 小
來源：轉載
供稿：網友
像下面圖中的布局，如果排列的元素是等高的話，相信很多人都會使用浮動來布局，不過如果元素不等高的話，不添加多余的標簽，浮動布局是很難實現下圖中的效果。如果遇到這種情況，可以使用inline-block來布局。
現代瀏覽器的最新版都支持inline-block，只有該死的ie6、7不支持inline-block，但ie6、7可以通過 display：inline；zoom：1；來模擬。
下面是inline-block兼容的代碼：
view sourceprint?display:inline-block;*display:inline;*zoom:1;width:100px;vertical-align:top;
但是大家有沒有發現，在firefox，safari，opera，ie8+中的 inline-block 元素之間會莫名其妙多出3px的間距，其實這個是換行符，如果將 inline-block 元素間的換行符去掉，這3px的間距就會消失了。
有沒有在不影響代碼美觀的情況下去掉間距尼，答案是有的。可以在inline-block的父元素中加上 font-size：0；然后在 inline-block講字體設回來。

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 赤峰市| 信丰县| 余江县| 百色市| 莫力| 巴彦淖尔市| 峡江县| 新河县| 康平县| 临泉县| 台东市| 沙坪坝区| 聊城市| 申扎县| 中卫市| 右玉县| 鱼台县| 武宁县| 桐庐县| 木兰县| 集安市| 新邵县| 垦利县| 江源县| 哈巴河县| 乌鲁木齐市| 营山县| 右玉县| 全南县| 黎平县| 定兴县| 获嘉县| 通山县| 丽江市| 三门峡市| 河津市| 新乐市| 凤冈县| 温州市| 河池市| 静宁县|