这次给大家带来在div中img,span怎样可以做出垂直居中，在div中img,span做出垂直居中的注意事项有哪些，下面就是实战案例，一起来看一下。
<html>
<head>
<style>
#test *{vertical-align:middle;}
</style>
<body>
<div
id="test">
<img
src="http://127.0.0.1:7001/wsc/images/message.png"/>
<span>sdfhsdhfdksfjhtes:</span>
</div>
</body>
</html>请注意：#test *{vertical-align:middle;}s
#test *表示了div里面所有元素,当然包含了span,input,img这些内联元素了。
vertical-align
初始值： baseline（缺省值）
可否继承：否
适用于： 内联元素
说明：vertical-align:baseline使元素的基线同父元素的基线对齐．
警告：vertical-align不能影响表格单元中的内容的对齐，对于块元素中的内容也一样．
请注意：vertical-align只影响内联元素,比如span,img,em,input,a等这些元素，而对div,h3,p等这些块元素是无效的。
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
Atas ialah kandungan terperinci 在div中img,span怎样可以做出垂直居中. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Fungsi tag span
Perbezaan antara div dan span
Penggunaan fungsi fscanf
Bagaimana untuk memasang pemacu
Bagaimana untuk menetapkan bahasa Cina dalam vscode
Bagaimana untuk melaraskan saiz teks dalam mesej teks
Apakah yang perlu saya lakukan jika bekas docker tidak boleh mengakses rangkaian luaran?
Apakah simbol hak cipta
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
