解決list style type屬性失效

2022-07-29 19:00:17 字數 466 閱讀 1067

有的時候我們在網頁中對li標籤設定了它的css屬性,比如list-style-type:disc;然而我們的網頁前端呈現結果中卻看不到我們的效果,但是css又顯示沒錯,我們該如何解決?

其實造成這種現象的原因有兩種可能,一種是li屬性設定了list-style-position:outside;列表符號的位置在盒模型之外,所以第二個列表項的符號被第乙個列表項蓋住,或者被前面的框架覆蓋,所以就看不到效果,

還有一種情況就是li元素設定了float:left;屬性也會造成li元素不正常。

解決辦法:

方法一:直接修改list-style-position:outside;為list-style-position:inside

方法二:在list-style-position:outside;的情況下給列表符號留個位置來顯示,比如說給li加個屬性margin-left:50px;第二種情況直接刪掉浮動元素float即可。

list style type的屬性值

值 描述none 無標記。disc 預設。標記是實心圓。circle 標記是空心圓。square 標記是實心方塊。decimal 標記是數字。decimal leading zero 0開頭的數字標記。01,02,03,等。lower roman 小寫羅馬數字 i,ii,iii,iv,v,等。upp...

list style type 為什麼總失效?

一 list style type常用方法 list style屬性一般都設定為none 需要加 或是別的符號 最好直接用鍵盤輸入 或用轉義符號 ul ui li 一般是20px 只要這樣設定,基本都不會有問題。一般css 裡都把li 需要使用的時候,再單獨定義li 二 list style typ...

解決 SVN解決衝突

intelij idea 使用svn,提交 前先更新 此時如果有衝突,就會提示你解決衝突。產生衝突的情況 a 和 b 兩名程式設計師,分別更新了同一版本 version 1 的 同時修改了乙個檔案。a提交 後,伺服器中的 是 version a 即 a 修改後的 b隨後提交 由於伺服器中的 已經不是...