Heim > Artikel > Web-Frontend > 在<li>标签内设置list-style-type:disc样式后，为什么在IE11和火狐浏览器显示效果不一样？如何使ie11显示成火狐的样子？_html/css_WEB-ITnose
在<li>标签内设置list-style-type:disc样式后，为什么在IE11和火狐浏览器显示效果不一样？如何使ie11显示成火狐的样子？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:06:141554Durchsuche
有下面几句html语句：
国家排名列表
执行这些语句后，在火狐浏览器中显示效果如下图：
执行这些语句后，在IE11浏览器中显示效果如下图(国家前面的小圆点跑到div的外边了，这个不是我想要的，想该成火狐浏览器显示的那个样子)：
请问：如何使ie11浏览器（win7操作系统）显示成火狐浏览器显示的那个样子？
回复讨论(解决方案)
也许你会考虑如下的实现方式，但是，一般都不会拿默认样式来是实现某种效果，比如前面那个原点，是有兼容问题的，一般都拿背景图来处理
<!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=utf-8" /><title>无标题文档</title><style>ul{margin:0;padding:0;}a{ text-decoration:none;}.cList {width:100px;margin:0 auto;}.cList li{list-style-type:disc;}.divBody{ width:300px;background:#FC0;margin:100px auto;}</style></head><body><div class="divBody" > <ul class="cList" > <li style="list-style-type:disc;"><a href="void(0);" >美国</a> </li> <li style="list-style-type:disc;"><a href="void(0);">中国</a> </li> <li style="list-style-type:disc;"><a href="void(0);">日本</a> </li> <li style="list-style-type:disc;"><a href="void(0);" >德国</a> </li> <li style="list-style-type:disc;"><a href="void(0);" >法国</a> </li> <li style="list-style-type:disc;"><a href="void(0);" >英国</a> </li> </ul> </div></body></html> 谢谢“人生难得一只鸡 ”
Stellungnahme：
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
Vorheriger Artikel：chrome下,img标签的图片显示不出来_html/css_WEB-ITnoseNächster Artikel：解决Openfire 无法进入admin页面的问题，9090端口被占用_html/css_WEB-ITnose