li前面的黑点超出div
一個CSS的問題,不多說, li前面的黑點超出div,記錄下來,也為別人能用到!
代碼:
<div>
<ul>
<li>冷沖壓模具的</li>
<li>我國沖壓模具設計發(fā)展以及在汽車領</li>
<li>江蘇、浙江在模具設計與制造方面有</li>
<li>2年來最大的鋼價周漲幅未帶動成交量</li>
<li>浴缸選購需要知道那些風水知識</li>
<li>國內(nèi)外市場遭遇寒流 家具行業(yè)發(fā)展艱難</li>
</ul>
</div>
只有上面代碼,CSS沒有,不要以為我忘貼了!
之前在寫的的時候也遇到過,也是用pading-left一些東西解決了!
今天在此遇到,經(jīng)過想高手詢問得知要要給li寫一個“l(fā)ist-style-position:inside” (黑體部分,不帶引號)
得知是這個后具體去查查詳細說明,找到《CSS2.0手冊(蘇沈小雨版)》,在里面搜索得知如下內(nèi)容!
====================================================================================================
語法:
list-style-position : outside |inside
取值:
outside : 默認值。列表項目標記放置在文本以外,且環(huán)繞文本不根據(jù)標記對齊
inside : 列表項目標記放置在文本以內(nèi),且環(huán)繞文本根據(jù)標記對齊
說明:
設置或檢索作為對象的列表項標記如何根據(jù)文本排列。
假如一個列表項目的左外補丁( margin-left )被設置為 0 ,則列表項目標記不會被顯示。左外補丁( margin-left )最小可以被設置為 30。
僅作用于具有 display 屬性值等于 list-item 的對象。如 li對象。
注意: ol 對象和 ul 對象的 type 屬性為其后的所有列表項目(如 li對象)指明列表屬性。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應的腳本特性為 listStylePosition 。
=====================================================================================================
看到了吧! 默認在在外面的,不被控制!
知道這個就好辦了!
給UL加上樣式就可以了!
<div >
<ul>
<li? >冷沖壓模具的</li>
<li>我國沖壓模具設計發(fā)展以及在汽車領</li>
<li>江蘇、浙江在模具設計與制造方面有</li>
<li>2年來最大的鋼價周漲幅未帶動成交量</li>
<li>浴缸選購需要知道那些風水知識</li>
<li>國內(nèi)外市場遭遇寒流 家具行業(yè)發(fā)展艱難</li>
</ul>
</div>
效果:
總結(jié)
以上是生活随笔為你收集整理的li前面的黑点超出div的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linux下使用rsync最快速删除海量
- 下一篇: ubuntu虚拟机运行VS code出现