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

时间：2021-05-08

如下所示：

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垂直居中的问题的全部内容了，希望对大家有所帮助，多多支持~

    声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章