怎样使用vertical-align让input元素和img元素对齐
这次给大家带来怎样使用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;}这样代码就会规规矩矩地水平对齐了。
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
Atas ialah kandungan terperinci 怎样使用vertical-align让input元素和img元素对齐. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1378
52
Bagaimana untuk merangkum komponen input dan data borang bersatu dalam vue3
May 12, 2023 pm 03:58 PM
Penyediaan Gunakan vuecreateexample untuk mencipta projek Parameternya adalah seperti berikut: gunakan input asli terutamanya nilai dan perubahan. App.tsx adalah seperti berikut: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//Apabila kotak input berubah, segerakkan data constonInput =;kembali( )=>({
Bagaimana untuk melaksanakan medan tersembunyi input laravel
Dec 12, 2022 am 10:07 AM
Cara melaksanakan medan tersembunyi input laravel: 1. Cari dan buka fail templat Blade 2. Gunakan kaedah method_field dalam templat Blade untuk mencipta medan tersembunyi Sintaks penciptaan ialah "{{ method_field('DELETE') }} ".
Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input
Nov 24, 2023 am 09:44 AM
Penyelesaian untuk mengklik kotak input tanpa kursor: 1. Sahkan fokus kotak input 2. Kosongkan cache penyemak imbas 4. Gunakan JavaScript 5. Semak input; sifat kotak; 7. Menyahpepijat kod JavaScript; 8. Semak elemen lain halaman;
Penjelasan terperinci tentang peristiwa mengikat kotak input dalam dokumen Vue
Jun 21, 2023 am 08:12 AM
Vue.js ialah rangka kerja JavaScript ringan yang mudah digunakan, cekap dan fleksibel Ia merupakan salah satu rangka kerja bahagian hadapan yang paling popular pada masa ini. Dalam Vue.js, peristiwa mengikat kotak input adalah keperluan yang sangat biasa Artikel ini akan memperkenalkan peristiwa mengikat kotak input dalam dokumen Vue secara terperinci. 1. Konsep asas Dalam Vue.js, peristiwa pengikatan kotak input merujuk kepada pengikatan nilai kotak input kepada objek data bagi contoh Vue, dengan itu mencapai pengikatan dua hala input dan respons. Dalam Vue.j
Cara menggunakan acara pemulangan pengangkutan kotak input dan fungsi pengesahan dalam dokumen Vue
Jun 20, 2023 am 09:13 AM
Vue ialah rangka kerja bahagian hadapan JavaScript yang popular dengan pengikatan data responsif dan sistem komponen pada terasnya. Dalam aplikasi Vue, kotak input ialah salah satu elemen UI yang paling biasa digunakan. Apabila pengguna memasukkan teks, kami berharap untuk mendengar acara pemulangan pengangkutan dan mengesahkan input sebelum menyerahkan. Artikel ini akan memperkenalkan acara masukkan kotak input dan penggunaan fungsi pengesahan dalam dokumen Vue. 1. Acara pemulangan gerabak kotak input dalam Vue Memantau peristiwa pemulangan gerabak kotak input dalam Vue adalah sangat mudah.
Apakah elemen input dalam jquery?
Jun 06, 2023 pm 02:18 PM
Dalam jquery, input ialah pemilih yang memilih elemen bentuk Fungsinya ialah: 1. Input digunakan untuk mengumpul maklumat pengguna Mengikut nilai atribut jenis yang berbeza, medan input mempunyai banyak bentuk kotak semak, atau topeng Kawalan teks, butang radio, butang, dsb. selepas butang Imej boleh diklik dan serah dll.
Apakah kaedah input dalam laravel?
Jul 11, 2023 am 09:43 AM
Kaedah input dalam laravel ialah alat yang sangat praktikal yang boleh dengan mudah mendapatkan parameter dalam permintaan HTTP Sama ada GET, POST atau kaedah permintaan HTTP yang lain, ia boleh diproses dengan mudah. Dalam pembangunan laravel, pengesahan input dan pemprosesan parameter adalah tugas yang sangat biasa, dan kaedah input boleh memudahkan proses ini dan meningkatkan kecekapan pembangunan.
Bagaimana untuk melarang input dalam input html5
Feb 03, 2023 am 10:02 AM
Cara melaksanakan input melumpuhkan dalam input HTML5: 1. Tentukan medan input sebagai baca sahaja dan boleh salin melalui baca sahaja 2. Gunakan disable untuk menyedari bahawa elemen input yang dilumpuhkan boleh disalin, tetapi tidak boleh menerima fokus; panjang maksimum input kepada 0 ;4. Gunakan "οnfοcus="this.blur();"" untuk menghalang teks daripada menjadi input.
