發現ie7的空格間距要比ie6/firefox/opera的都要寬一點。比如有時候排版的時候,我會采用簡單的空格來分隔。
<div class="class1">
<a href="#">文字1</a> <a href="#">文字1</a> <a href="#">文字1</a> <a href="#">文字1</a><a href="#">文字1</a> <a href="#">文字1</a><a href="#">文字1</a> <a href="#">文字1</a>
</div>
采用空格來分隔時,發現在ie7下經常被撐大,因為看起來好像是ie7的空格間距要寬一點(具體原因不明)。
有兩種解決方案:
1、采用li來排版,去掉空格。
2、直接去掉空格,定義a的樣式。
<style>
.class1 a{padding-right:5px;}
</style>
第二種是不錯的方案,代碼更簡潔有效。
新聞熱點
疑難解答