Rumah > hujung hadapan web > tutorial css > 为什么css :list-style-type属性经常会不起作用?

为什么css :list-style-type属性经常会不起作用?

黄舟
Lepaskan: 2017-06-29 13:47:28
asal
3374 orang telah melayarinya

如果你在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>
Salin selepas log masuk

原因:应用了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 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
Isu terkini
:bukan pemilih tiada kesan Kenapa?
daripada 1970-01-01 08:00:00
0
0
0
Saya perlukan pertolongan daripada Tuhan!
daripada 1970-01-01 08:00:00
0
0
0
Susunan perkataan terapung kanan css diterbalikkan
daripada 1970-01-01 08:00:00
0
0
0
Logo bar navigasi HTML5 bergerak ke kanan.
daripada 1970-01-01 08:00:00
0
0
0
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan