发现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>
<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>
.class1 a{padding-right:5px;}
</style>
第二种是不错的方案，代码更简洁有效。
站长工具
相关文章
请稍等，评论加载中...