中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

顯然，在垂直排列上有些錯誤。嗯，也不算錯誤吧，這是正確的表現(xiàn)，只不過不是我們想要的效果。

這是因為每個 <li> 元素的基線是和其父元素 <ul> 的基線對齊排列的。你要問啥是基線？一圖頂千言那：

基線就是橫貫上面文本的黑線。盡量說的簡單點。inline 或者 inline-block 元素默認的 vertical-align 值 就是基線。也就是說元素基線要和她父元素的基線對齊。下面有一個示例：

就如所看到的，每個基線都是和文本 ‘This is the baseline.’ 的基線對齊的。文本雖然不在 <li> 內部，但是文本節(jié)點的父元素 <ul> 就指出了父元素的基線所在。

總之，修正方法是很簡單的： vertical-align: top，這樣就能得到一個看起來不錯阿網格：

但是在 Firefox 2, IE 6 和 7 中，依然無效：

出處：前端觀察
責任編輯：bluehearts

上一頁 跨瀏覽器的inline-block [1] 下一頁 跨瀏覽器的inline-block [3]

◎進入論壇網頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。