Perkara yang perlu dilakukan jika teks dan imej css tidak sejajar

Penyelesaian kepada penjajaran teks dan imej css: 1. Buka fail HTML yang sepadan 2. Cari teg teks dan imej 3. Tambahkan atribut pada imej sebagai "img {width: 20px; vertical -align: middle;}" untuk menjajarkan teks dan imej.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5&&CSS3, komputer DELL G3

Apa yang perlu dilakukan jika css teks dan gambar tidak sejajar?

css menyelesaikan masalah bahawa teks dan gambar tidak berada pada baris mendatar yang sama

Biasanya, gambar dijajarkan di bahagian atas secara lalai, manakala teks dijajarkan di bahagian bawah secara lalai , jadi kami sering menghadapi masalah ini semasa susun atur Terdapat masalah gambar dan teks tidak boleh diselaraskan.

Penyelesaian ini sangat mudah. ​​Kita hanya perlu menambah atribut pada imej

img {
  width         : 20px;
  vertical-align: middle;
}
 
vertical-align: text-top;    //顶部对齐
vertical-align: middle;      //居中对齐
vertical-align: text-bottom; //底部对齐

Pembelajaran yang disyorkan: "video css. tutorial》

Atas ialah kandungan terperinci Perkara yang perlu dilakukan jika teks dan imej css tidak sejajar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!