亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

我想讓每個文字都有不同的顏色，所以我使用了多個跨度類別來設(shè)定 css 中的顏色。我還希望文字有換行符，所以我使用了 div。這個小提琴顯示了我想要的結(jié)果，但是用於換行符的 div 標(biāo)籤產(chǎn)生了很大的間隙。還有另一種方法可以在多個跨度類別中進(jìn)行換行嗎？

小提琴：https://jsfiddle.net/nh7vswco/

<pre id="info">
       
                <div class = "fact-card">               
                <span class="animal">  animal</span>
                <span class="colon"> : </span>
                <span class="animal-name">tiger</span>
                <span class="comma">,</span> 
                </div> 
                
                <div class = "fact-card">
                <span class="animal">  species</span>
                <span class="colon"> : </span>
                <span class="animal-name">Mammal</span>
                <span class="comma">,</span>
                </div>
                
                <div class = "fact-card">
                <span class="animal">  type</span>
                <span class="colon"> : </span>
                <span class="animal-name">carnivore</span>
                <span class="comma">,</span>
                </div>

Result:
Each word and colon should have a different color.
animal : tiger,
species : mammal,
type : carnivore,

這個小提琴的結(jié)果是小提琴：https://jsfiddle.net/nh7vswco/，但我想刪除 div 標(biāo)籤中的間隙。