ie6中li不自动换行

2021年09月15日 阅读数:1
这篇文章主要向大家介绍ie6中li不自动换行,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

 ie6中li不自动换行html

google、火狐中正常以下:ide

ie6中li不自动换行_li

IE6中不自动换行:ui

ie6中li不自动换行_自动换行_02

解决办法:在li中加入属性:google

white-space: nowrap;spa

white-space 属性设置如何处理元素内的空白。xml

 

  
  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 
  5. <title>无标题文档</title> 
  6. <style> 
  7. .link{ 
  8.     border:1px solid #f00; 
  9.     width:400px; 
  10.     height:auto; 
  11. .link ul{ 
  12.     list-style-type:none; 
  13.     margin:0px; 
  14.     padding:0px; 
  15. .link ul li{ 
  16.     border:1px solid #360; 
  17.     display:block; 
  18.     float:left; 
  19.     margin:2px 5px; 
  20.     white-space: nowrap; 
  21. </style> 
  22. </head> 
  23.  
  24. <body> 
  25. <div class="link"> 
  26.     <ul> 
  27.         <li>武汉晚报</li><li>汽车大世界</li><li>武汉晨报</li><li>车主之友</li><li>湖北日报</li><li>楚天金报</li><li>荆楚网</li><li>长江商报</li><li>武汉晚报</li><li>汽车大世界</li><li>武汉晨报</li><li>车主之友</li><li>湖北日报</li><li>楚天金报</li><li>荆楚网</li><li>长江商报</li> 
  28.     </ul> 
  29. </div> 
  30. </body> 
  31. </html>