简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

怎样使用vertical-align让input元素和img元素对齐

php中世界最好的语言
Lepaskan： 2018-01-26 10:28:50
asal
2323 orang telah melayarinya

这次给大家带来怎样使用vertical-align让input元素和img元素对齐，使用vertical-align让input元素和img元素对齐的注意事项有哪些，下面就是实战案例，一起来看一下。

我们知道，如果将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性，这个方法似乎的确可行，但是不符合HTML标准。后来无意中发现同时给input和img添加vertical-align:middle就行：

代码如下:

input,img{vertical-align:middle;}
Salin selepas log masuk

这样代码就会规规矩矩地水平对齐了。 

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

type="file"的input框样式应该如何操作

HTML中head头结构应该如何使用

怎样利用iframe让自己的网页可以显示天气

Atas ialah kandungan terperinci 怎样使用vertical-align让input元素和img元素对齐. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
input
sumber：php.cn
Artikel sebelumnya：HTML中head头结构应该如何使用 Artikel seterusnya：在HTML中disabled与readonly的有什么不同之处？
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bandingkan align-content dan align-item: Bagaimanakah ia berbeza? Apakah perbezaan antara align-item dan align-content?
daripada 2023-10-13 16:51:19
0
1
274
Bagaimana untuk menetapkan nilai harta untuk keadaan aktif elemen lain dalam CSS? Saya sedang membangunkan suis bebas JavaScript. Satu masalah yang saya hadapi ialah saya t...
daripada 2023-09-14 18:54:27
0
1
330
Mengapa memaparkan grid menggunakan kawasan templat grid tidak berfungsi? Saya cuba mencapai susunan elemen melalui kawasan templat grid tetapi ia tidak berfungsi. ...
daripada 2023-09-09 16:28:13
0
1
279
Isu saiz fon antara CSS elemen ibu bapa dan anak .logo{width:25%;display:flex;justify-content:center;align-item:center;font-size:1.3rem;bor...
daripada 2023-09-08 16:30:50
0
2
241
Cara menambah butang dengan jidar kecerunan pada tapak web anda Masalah saya ialah butang itu kelihatan sangat kecil dan saya melaraskan ketinggian atau l...
daripada 2023-09-05 20:41:10
0
1
282
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！