• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> css >> 友情链接自动换行css兼容性完美解决方案

友情链接自动换行css兼容性完美解决方案

• 作者：创新互联 文章来源：前端开发部 点击数： 更新时间：2010-01-10
• 　　在做友情链接模块时候，如果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>
• 网站性能指南四：前端性能-压爆你的文件 :上一篇
  css适应浏览器大小 -创新互联 :下一篇