1. 程式人生 > >解決list-style-type屬性失效

解決list-style-type屬性失效

屬性設置 IT type gpo oat outside 網頁 inside css屬性

有的時候我們在網頁中對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屬性失效