Adakah betul untuk meletakkan ikon dan teks bersama? [Duplikat]

1. Bilakah ikon harus termasuk label teks?
2. Bagaimana saya menyelaraskan teks dan ikon pada baris yang sama?
3. Mengapa menggunakan ikon dan bukannya teks?
4. Bagaimana saya membuat teks dan ikon pada baris yang sama di tailwind?

Bilakah ikon harus termasuk label teks?

Untuk membantu mengatasi kekaburan yang dihadapi hampir semua ikon, label teks mesti hadir bersama ikon untuk menjelaskan maksudnya.

Bagaimana saya menyelaraskan teks dan ikon pada baris yang sama?

Jika anda ingin membuat teks kelihatan secara menegak diselaraskan di sebelah ikon fon yang mengagumkan, anda boleh menggunakan harta tanah vertikal-align CSS yang ditetapkan ke "tengah" dan juga, nyatakan harta yang ketinggian garis. Tukar saiz ikon dengan harta saiz font.

Mengapa menggunakan ikon dan bukannya teks?

Ikon dapat menjimatkan ruang melalui teks, tetapi dengan harga pengiktirafan. Untuk ikon kecil, seperti 16x16 piksel, sangat sukar bagi pengguna untuk mengetahui apa yang mereka sepatutnya menjadi gambaran, apalagi apa gambar itu sepatutnya. Seorang pengguna yang saya tahu fikir ikon "cakera" untuk menyimpan adalah gambar TV.

Bagaimana saya membuat teks dan ikon pada baris yang sama di tailwind?

Balut kedua -dua tajuk dan ikon di Div dengan kelas Flex . Dengan cara ini mereka akan diletakkan di barisan yang sama. Anda juga boleh menambah Justify-Between untuk memindahkan ikon ke sudut kanan.