• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見(jiàn)問(wèn)題 >> 前端開(kāi)發(fā) >> css >> 友情鏈接自動(dòng)換行css兼容性完美解決方案

友情鏈接自動(dòng)換行css兼容性完美解決方案

• 作者：創(chuàng)新互聯(lián) 文章來(lái)源：前端開(kāi)發(fā)部 點(diǎn)擊數(shù)： 更新時(shí)間：2010-01-10
• 　　在做友情鏈接模塊時(shí)候，如果css里面鏈接加了float，不加寬度，那么ie6或者搜狗瀏覽器會(huì)亂。如果不加float，那么一行完了后文字會(huì)自動(dòng)換行，一部分文字在右邊，一部分文字在左邊，體驗(yàn)性較差。
  
  　　下面介紹一種樣式表寫(xiě)法，能夠自動(dòng)兼容所有瀏覽器的文字整體換行。
  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>
• 網(wǎng)站性能指南四：前端性能-壓爆你的文件 :上一篇
  css適應(yīng)瀏覽器大小 -創(chuàng)新互聯(lián) :下一篇