关于div中img,span垂直居中的问题

来源：动视网责编：小采时间：2020-11-27 14:43:59

关于div中img,span垂直居中的问题

关于div中img,span垂直居中的问题:如下所示： XML/HTML Code复制内容到剪贴板 <html> <head> <style> #test *{vertical-align:middle;} </style> <body> <div id="test"&

推荐度：

点击下载本文 文档为doc格式

导读关于div中img,span垂直居中的问题:如下所示： XML/HTML Code复制内容到剪贴板 <html> <head> <style> #test *{vertical-align:middle;} </style> <body> <div id="test"&

如下所示：

XML/HTML Code复制内容到剪贴板


 <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等这些块元素是无效的。

关于div中img,span垂直居中的问题

关于div中img,span垂直居中的问题:如下所示： XML/HTML Code复制内容到剪贴板 <html> <head> <style> #test *{vertical-align:middle;} </style> <body> <div id="test"&

推荐度：

点击下载本文 文档为doc格式

标签：居中问题垂直

热门焦点

关于div中img,span垂直居中的问题

关于div中img,span垂直居中的问题

关于div中img,span垂直居中的问题

最新推荐

猜你喜欢

热门推荐