DW如何用DIV+CSS实现 图片与文字的垂直中线对齐

html-css014

DW如何用DIV+CSS实现 图片与文字的垂直中线对齐,第1张

在img之前加上span标签，就是这样<span></span><img />,并设置span的css

span{

display:inline-block

height:100%

vertical-align:middle}

再给img加上vertical-align:middle

中文字符的中线和英文字符的中线定义是不一样的，你在设置输入框与文本居中对齐的时候，最好将文本的字体样式设置成英文字体，比如font-family:Verdana这样有助于解决中线问题。然后再给输入框添加 vertical-align:middle样式。 注意，由于涉及到中线问题，所以字号会影响对齐的效果。例子就不举了，你可以改变字号（12px、13px等）自己尝试一下。