去除li小圓點以及解決其空格問題

2022-08-20 12:51:10 字數 904 閱讀 1585

不管是ul還是ol中的li前面始終有個小圓點,以前沒有發現問題,都是直接給ul增加list-style:none;屬性,可今天屢試不爽的屬性出現問題了,上圖

通過兩張截圖可以清晰的看到雖然小圓點去掉了,但是還是佔著位置。典型的佔著**不**,而且還影響檢視效果,怎麼辦?先看看樣式,裡面沒有margin或者padding這類的東東,然後看看盒模型,果然:

從盒模型可以看到ul有個padding,外圍有margin,那就把padding去掉試試。

結果顯示終於正常了,也沒有佔位了,完美!!

總結:修改屬性可能還達不到自己想要的效果,可以多檢視css樣式以及盒模型,很有用的!

附上其他list-style-type的取值

disc   預設值。實心圓

circle   空心圓

square   實心方塊

decimal   阿拉伯數字 

lower-roman   小寫羅馬數字

upper-roman   大寫羅馬數字

lower-alpha   小寫英文本母

upper-alpha   大寫英文本母

none   不使用專案符號

當然也可以自定義專案符號list-style-type:url();

自定義小圓點

linerlayout用來裝小圓點 1.建立方法 public void createpoint 2.小圓點 new出來的imageview 背景是自定義的shape,以下就是在 drawable中的shape,小圓點就是imageview設定了乙個背景 選中的背景shape 未選中的shape 小...

UIPageControl改變小圓點的問題

今天開發遇到了uipagecontrol,發現預設的小圓點 頁碼標示 是看不到的,除非設定背景色或者在有色背景上.所以就想著就去改變其顏色,網上搜了一大堆,統一的方式就兩種 本人測試兩種方法都不行,ios7.0,xcode6.0 方法1.繼承自uipagecontrol,覆蓋setcurrentpa...

ViewPager小圓點的繪製及用法

畫小圓點 backcolor.xml 選中狀態的小圓點 enabletrue.xml 未選中狀態的小圓點 enablefalse.xml activity 中小圓點的數量與頁面的數量相同 public void xiaoyuandian else lin xiaodian.addview image...