3
我該如何解決這個問題?第3點應該像其他人一樣,但不包括它使問題出現在wordwrap中。另外,wordwrap應該和其他線一樣具有相同的邊距。出了什麼問題?自定義列表樣式不能使用wordwrap
這是後面的代碼:
.gruene-liste {
list-style: none;
counter-reset: gruene-liste-number;
}
.gruene-liste li { position: relative; margin-bottom: 20px;}
.gruene-liste li::before, .gruene-liste li::after {
content: '';
display:inline-block;
vertical-align: middle;
height: 30px;
line-height: 30px;
width: 30px;
background: green;
border-radius: 5px;
font-size: 1.4em;
color: #FFF;
text-align: center;
margin-left: -0.4em;
}
.gruene-liste li::before {
content: counter(gruene-liste-number, decimal);
counter-increment: gruene-liste-number;
margin-right: 20px;
}
.gruene-liste li::after {
content: '';
z-index: -1;
position: absolute;
left: 0;
transform: rotate(45deg);
}
<ol class="gruene-liste">
\t <li>Das Ultrakurzzeitgedächtnis speichert Infos bis zu 10 Sekunden lang</li>
\t <li>Das Kurzzeitgedächtnis speichert Infos bis zu 20 Minuten lang</li>
\t <li>Das Langzeitgedächtnis, dessen Speicherdauer von der Stärke der Verankerung der Nervenzellen durch Synapsen abhängt.</li>
</ol>
另一個問題看答案底部
真棒THX!週末愉快! –