給nav加個display:table不然nav_mid會跑到下一行，誰能解釋一下怎么回事？
給nav加個display:table不然nav_mid會跑到下一行，誰能解釋一下怎么回事？我真的出現了這個問題，跟老師的代碼是一模一樣的，差點就去下載源碼自己研究了，幸虧先看了評論。
1 回答
舉報
0/150
提交
取消
給nav加個display:table不然nav_mid會跑到下一行，誰能解釋一下怎么回事？我真的出現了這個問題，跟老師的代碼是一模一樣的，差點就去下載源碼自己研究了，幸虧先看了評論。
2016-03-08
舉報
2016-03-08
IE6、IE7下 img與div（block類型元素）下邊有間隔（或許叫縫隙、空隙）。
IE7才會有這個問題，IE8下是沒有的。
1.：定義圖片img標簽vertical-align:bottom，vertical-align:middle，vertical-align:top;
img{vertical-align:bottom;}
2.：定義容器里的字體大小為0:
div {
width:110px;
border:1px solid #000000;
font-size:0
}；
原因：
圖片文字等inline元素默許是和父級元素的baseline對齊的，而baseline又和父級底邊有必定間隔（這個間隔和 font-size，font-family 相關），所以設置 vertical-align:top/bottom/text-top/text-bottom 都能夠防止這種狀況呈現。而且不光li，其他的block元素中包括img也會有這個景象。
這兩種方法都是可以的