css使用list style type屬性後顯示到文字後面

1樓：趙順成

第一種情況直接修改list-style-position:outside;為list-style-position:inside;沒有的話就加上去。

方法二：在list-style-position:outside;的情況下給列表符號留個位置來顯示，比如說給li加個屬性margin-left：

50px；第二種情況直接刪掉浮動元素float即可。

擴充套件：list-style-type:定義列表樣式

disc: 點

circle: 圓圈

square: 正方形

decimal: 數字，例如1，2，3，，....，11，12，13

decimal-leading-zero: 十進位制數，不足兩位的補齊前導0，例如: 01, 02, 03, ..., 98, 99

lower-roman: 小寫羅馬文字，例如: i, ii, iii, iv, v, ...

upper-roman: 大寫羅馬文字，例如: i, ii, iii, iv, v, ...

lower-greek: 小寫希臘字母，例如: α(alpha), β(beta), γ(gamma), ...

lower-latin: 小寫拉丁文，例如: a, b, c, ... z

upper-latin: 大寫拉丁文，例如: a, b, c, ... z

armenian: 亞美尼亞數字

georgian: 喬治亞數字，例如: an, ban, gan, ..., he, tan, in, in-an, ...

lower-alpha: 小寫拉丁文，例如: a, b, c, ... z

upper-alpha: 大寫拉丁文，例如: a, b, c, ... z

none: 無(取消所有的list樣式)

inherit:繼承

自定義

簡寫規則：list-style:square inside url('arrow.

gif');前面藍色的square為列表符號list-style-type，中間紅色的inside為list-style-position定位符，最後面綠色的url是**路徑list-style-image，如果存在這個**就會覆蓋前面的square，如果不存在就用square顯示。

2樓：讀醉不行

你把那個小黑點取消啊。新增這個樣式：ul

3樓：

【替換樣式】

.cen5 li a

.ileft

4樓：書香學程式設計

vue實踐-css樣式position/display/float屬性對比使用

div+css中list-style的用法？

5樓：匿名使用者

上面寫的很詳細了,如果你寫的沒錯,但還是不管的話,記得你的html檔案頭部有沒有包含dtd宣告

要再不行,把代三貼上來看看

6樓：匿名使用者

list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值：disc :　 css1 預設值。實心圓

circle :　 css1 空心圓

square :　 css1 實心方塊

decimal :　 css1 阿拉伯數字

lower-roman :　 css1 小寫羅馬數字

upper-roman :　 css1 大寫羅馬數字

lower-alpha :　 css1 小寫英文字母

upper-alpha :　 css1 大寫英文字母

none :　 css1 不使用專案符號

armenianl :　 css2 未支援。傳統的亞美尼亞數字

cjk-ideographic :　 css2 未支援。淺白的表意數字

georgian :　 css2 未支援。傳統的喬治數字

lower-greek :　 css2 未支援。基本的希臘小寫字母

hebrew :　 css2 未支援。傳統的希伯萊數字

hiragana :　 css2 未支援。日文平假名字元

hiragana-iroha :　 css2 未支援。日文平假名序號

katakana :　 css2 未支援。日文片假名字元

katakana-iroha :　 css2 未支援。日文片假名序號

lower-latin :　 css2 未支援。小寫拉丁字母

upper-latin :　 css2 未支援。大寫拉丁字母

css中