在做友情链接模块时候,如果css里面链接加了float,不加宽度,那么ie6或者搜狗浏览器会乱。如果不加float,那么一行完了后文字会自动换行,一部分文字在右边,一部分文字在左边,体验性较差,。
下面介绍一种样式表写法,能够自动兼容所有浏览器的文字整体换行。
css表:
link a{
display:block; float:left;
white-space:nowrap;margin-right:10px; line-height:30px;
}
html代码:
<div class=”link”>
<a href=”#”>链接1</a><a href=”#”>链接2</a>
</div>