cari

Rumah  >  Soal Jawab  >  teks badan

Adakah mungkin untuk mempunyai beberapa kelas span pada baris yang sama tanpa menggunakan div s?

Saya mahu setiap teks mempunyai warna yang berbeza, jadi saya menggunakan berbilang kelas span untuk menetapkan warna dalam css. Saya juga mahu teks mempunyai pemisah baris, jadi saya menggunakan div. Biola ini menunjukkan hasil yang saya inginkan, tetapi teg div yang digunakan untuk pemisah baris mencipta jurang yang besar. Adakah terdapat cara lain untuk melakukan pembalut baris dalam pelbagai kelas rentang?

Fiddle: 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,

Hasil biola ini ialah biola: https://jsfiddle.net/nh7vswco/, tetapi saya mahu mengalih keluar jurang dalam tag div.

P粉035600555P粉035600555225 hari yang lalu442

membalas semua(1)saya akan balas

  • P粉574268989

    P粉5742689892024-04-04 09:00:46

    1- Terdapat banyak cara untuk melakukan pemisah baris seperti ini:
    atau line-break sifat CSS.

    2- Alih keluar jurang dalam tag div. Kita boleh guna line-height: 0%;