Heim > Web-Frontend > HTML-Tutorial > ie7下li显示不正常,怎么破?_html/css_WEB-ITnose

ie7下li显示不正常,怎么破?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:18:47
Original
1162 Leute haben es durchsucht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style>li{ list-style:none}.fenleiul li{ float:left; width:auto; border:solid 1px #FF0000 }</style></head><body><div style="width:200px;"><ul class=fenleiul><li>首页</li><li>精选版块</li><li>论坛帮助</li><li>论坛牛人</li><li>论坛地图</li><li>专家问答</li></ul></div></body></html>
Nach dem Login kopieren

ie8下是正常的如下图

ie7 下不行 是这样

怎么样在ie7下正常显示? div的宽度是固定的200px。不能改动


回复讨论(解决方案)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style>li{ list-style:none}.fenleiul li{ float:left; width:auto; border:solid 1px #FF0000;white-space: nowrap;}</style></head><body><div style="width:200px;"><ul class=fenleiul><li>首页</li><li>精选版块</li><li>论坛帮助</li><li>论坛牛人</li><li>论坛地图</li><li>专家问答</li></ul></div></body></html>
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage