Rumah > Artikel > hujung hadapan web > 为什么css ：list-style-type属性经常会不起作用？
为什么css ：list-style-type属性经常会不起作用？
- 黄舟asal
- 2017-06-29 13:47:283291semak imbas
如果你在IE6下设置了list-style-type:disc，应该出现一个实心圆点，却没有出现，如下面代码：
<!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>处理IE的列表BGU</title>
</head>
<style type="text/css">
ul{list-style:disc outside;width:350px;height:auto;}
ul li{width:350px;line-height:30px;}
</style>
</head>
<body>
<ul>
<li>酷站代码1</li>
<li>酷站代码2</li>
<li>酷站代码3</li>
<li>酷站代码4</li>
<li>酷站代码5</li>
</ul>
</body>
</html>原因：应用了list-style-position: outside; 属性造成的。
左浮动会使盒模型一个挨一个横向排练
列表符号的位置在盒模型之外
所以第二个列表项的符号被第一个列表项盖住
另外应用float:left;属性也会造成LI元素不正常。
解决办法：把list-style-position:outside;改成list-style-position: inside;或去掉浮动设置。
Atas ialah kandungan terperinci 为什么css ：list-style-type属性经常会不起作用？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
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 sebelumnya：css用list-style-type属性后显示到文字后面Artikel seterusnya：为什么list-style-type:none;没有起作用？