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

首頁 > 開發 > CSS > 正文

Firefox Bug: inline/inline-block的間隙采用代碼縮進可解決

2024-07-11 08:48:58
字體：大 中 小
來源：轉載
供稿：網友
首先要說明的是，這個標題有點標題黨的意思，這個 bug 也存在于 IE8 下，在 IE6 和 IE7 下正常。之前寫過兩篇關于 IE bug 的文章，這里特意用了 Firefox bug 作為標題，是為了給自己找點心里安慰，省得總是埋怨 IE :)。

關于 inline-block，可以參考之前的一篇文章 跨瀏覽器的inline-block
這個 bug 是“痛在遠方”同學碰到的，確實很詭異啊，貌似對標準支持越好的瀏覽器才會有這個問題。本文來自前端觀察，轉載請以鏈接形式注明出處。
如下圖：

在 Firefox 下，inline/inline-block 的元素直接會有莫名的幾像素(貌似是6px)的空隙。這個 bug 比較難發現，因為為了美觀，一般的這種設計，inline/inline-block 的元素直接都會有一定的間距，再加上目前的瀏覽器對 inline-block 這個屬性的支持并不是很好，這個屬性應用的也不是很頻繁。由跨瀏覽器的inline-block來看，要對瀏覽器做不少hack，代碼量以及方便性上不如直接使用浮動。因此這個 bug 的影響其實不大。

要解決這個 bug，貌似目前沒有什么好的方法，只能改變代碼的縮進，把換行去掉，整個代碼寫入一行。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 锡林浩特市| 富顺县| 花莲县| 额尔古纳市| 故城县| 西林县| 江油市| 晋江市| 东山县| 轮台县| 崇明县| 恩平市| 澄迈县| 团风县| 呼玛县| 平泉县| 晋城| 色达县| 邓州市| 沾化县| 衡水市| 定安县| 永和县| 永新县| 美姑县| 湟源县| 凌海市| 万载县| 营口市| 九台市| 深水埗区| 临朐县| 灯塔市| 西安市| 鹤峰县| 枞阳县| 翁源县| 陆河县| 丘北县| 晋州市| 尚义县|