自定義列表樣式不與wordwrap一起工作，不知道爲什麼

像你在圖片中看到的另一個問題。填充權不適用於wordwrap，如果我將位置更改爲絕對，則會刪除填充。 http://neuronade.com/kopie-sdfsdf-3 自定義列表樣式不與wordwrap一起工作，不知道爲什麼

ul.iconhaken li:before{ 
 
\t \t \t \t \t content: '✔'; 
 
\t \t \t \t \t color: green; 
 
\t \t       font-weight: bold; 
 
\t \t \t \t \t margin-left: -1em; 
 
\t \t \t \t \t margin-right: .100em; 
 
             padding-right: 5%; 
 
             position: relative; 
 
\t \t \t \t } 
 
\t \t \t \t ul.iconhaken { 
 
\t \t \t \t \t list-style-type: none; 
 
\t \t \t \t }

<ul class="iconhaken"> 
 
\t <li>Jede Uni hat Seelsorge-Stellen. Erkundige dich dort mal. Alternativ kannst du über folgende Website per Mail oder per Chat eine kostenlose Beratung erhalten.</li> 
 
\t <li>Jetzt bist du optimal auf deine Prüfungen vorbereitet. Also Ruhe bewahren und viel Erfolg!</li> 
 
</ul>

來源

2016-05-13 Krystian Manthey

我無法用您提供的代碼重現問題。請說明您需要什麼條件才能看到問題（例如，您使用的是哪種瀏覽器？）或者修改代碼以顯示問題。 –

您可以設置對號絕對元素，並將填充的li元素：

ul.iconhaken li { 
 
    position: relative; 
 
    padding-left: 5%; 
 
} 
 

 

 
ul.iconhaken li:before { 
 
    content: '✔'; 
 
    color: green; 
 
    font-weight: bold; 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
} 
 

 
ul.iconhaken { 
 
    list-style-type: none; 
 
}

<ul class="iconhaken"> 
 
    <li>Jede Uni hat Seelsorge-Stellen. Erkundige dich dort mal. Alternativ kannst du über folgende Website per Mail oder per Chat eine kostenlose Beratung erhalten.</li> 
 
    <li>Jetzt bist du optimal auf deine Prüfungen vorbereitet. Also Ruhe bewahren und viel Erfolg!</li> 
 
</ul>

本網站

來源

2016-05-13 12:33:36 kindisch

自定義列表樣式不與wordwrap一起工作，不知道爲什麼

回答

相關問題