简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

為什麼css ：list-style-type屬性常常會不起作用？

黄舟
發布： 2017-06-29 13:47:28
原創
3248 人瀏覽過

如果你在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;或去掉浮動設定。

以上是為什麼css ：list-style-type屬性常常會不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
list-style-type 不起作用 為什麼
來源：php.cn
上一篇：css用list-style-type屬性後顯示到文字後面 下一篇：為什麼list-style-type:none;沒有起作用？
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
嘗試更改選單按鈕顏色以在 html 上工作 我試圖理解為什麼我使用的程式碼無法使用選單按鈕上的樣式。我為單獨的選單按鈕製作了樣式，但似乎它們沒有被使用。我的所有選單按鈕均採用預設的「ul.menulia」樣式，而不是我單獨製...
來自於 2023-09-13 21:13:41
0
2
338
Laravel：如何根據 if-else 條件編寫 href 屬性？ 我需要在if-else子句中透過URL檢查“perPage=100”和“perPage=50”。 @if(perPage=100)<aclass="btnbtn-d...
來自於 2023-08-31 17:37:25
0
1
231
沒效果 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <...
來自於 2022-03-26 21:39:04
0
2
1122
為什麼寫了居中指令但是chrome瀏覽器開啟顯示沒有居中，Email類型也不會提示 from action="" method="" name="" align="center">...
來自於 2021-10-25 15:28:13
0
7
1148
html5 導覽列logo右移動 新手問題！ <!doctype html><html><head><meta charset="utf-8"><tit...
來自於 2021-08-04 14:21:41
0
2
1475
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！