简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

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

黄舟
Lepaskan： 2017-06-29 13:47:28
asal
3249 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!

Label berkaitan：
list-style-type tidak berfungsi kenapa
sumber：php.cn
Artikel sebelumnya：css用list-style-type属性后显示到文字后面 Artikel seterusnya：为什么list-style-type:none;没有起作用？
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
Cuba tukar warna butang menu untuk berfungsi pada html Saya cuba memahami mengapa kod yang saya gunakan tidak berfungsi dengan gaya pada butang m...
daripada 2023-09-13 21:13:41
0
2
338
Laravel: Bagaimana untuk menulis atribut href berdasarkan keadaan if-else? Saya perlu menyemak "perPage=100" dan "perPage=50" mengikut URL dalam ...
daripada 2023-08-31 17:37:25
0
1
231
tiada kesan <!DOCTYPE html><html> <head> <meta charset="utf-8"> <...
daripada 2022-03-26 21:39:04
0
2
1122
Mengapa saya menulis arahan pemusatan tetapi penyemak imbas krom tidak menunjukkan pemusatan apabila saya membukanya, dan jenis e-mel tidak menggesa? from action="" method="" name="" align="center">...
daripada 2021-10-25 15:28:13
0
7
1148
Logo bar navigasi HTML5 bergerak ke kanan. <!doctype html><html><head><meta charset="utf-8"><tit...
daripada 2021-08-04 14:21:41
0
2
1475
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
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！