博客学堂
首页>>博客进阶>>css>> 解决ie7空格的间距过大问题

解决ie7空格的间距过大问题

来源:互联网  | 添加时间:2008-5-26 11:22:24 |   | 我要投稿 | 提问

发现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>

第二种是不错的方案,代码更简洁有效。

收藏和分享:
评论加载中…
网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有