Maison > interface Web > tutoriel HTML > ie7下li显示不正常,怎么破?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-21 09:18:47
original
1164 Les gens l'ont consulté

<!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>
Copier après la connexion

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>
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal