国产探花免费观看_亚洲丰满少妇自慰呻吟_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講字體設回來。

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 广丰县| 安吉县| 手游| 万宁市| 沛县| 图片| 桐庐县| 抚宁县| 象山县| 朝阳县| 德州市| 张家界市| 平陆县| 金寨县| 淮阳县| 广州市| 正镶白旗| 措勤县| 石阡县| 克什克腾旗| 江陵县| 都匀市| 根河市| 隆子县| 安达市| 宣城市| 嘉定区| 宣武区| 磐石市| 门头沟区| 通江县| 枝江市| 奈曼旗| 平昌县| 大新县| 弥勒县| 万载县| 玉环县| 集贤县| 津市市| 个旧市|