發現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> |
第二種是不錯的方案,程式碼更簡潔有效。