masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 在<li>标签内设置list-style-type:disc样式后，为什么在IE11和火狐浏览器显示效果不一样？如何使ie11显示成火狐的样子？_html/css_WEB-ITnose

在<li>标签内设置list-style-type:disc样式后，为什么在IE11和火狐浏览器显示效果不一样？如何使ie11显示成火狐的样子？_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 12:06:14
asal
1593 orang telah melayarinya

有下面几句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>
Salin selepas log masuk

谢谢“人生难得一只鸡 ”

Label berkaitan：
在&lt;li&gt;标签内设置list-style-type:disc样式后，为什么在IE11和火狐浏览器显示效果不一
sumber：php.cn
Artikel sebelumnya：chrome下,img标签的图片显示不出来_html/css_WEB-ITnose Artikel seterusnya：解决Openfire 无法进入admin页面的问题，9090端口被占用_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
2032
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2196
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1850
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1742
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1763
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan