当一行既有图片又有文字时,我们如何通过css让图片和文字在同一水平线上显示?一般情况图片总是会比文字高出一截,可以说非常不好看了。通过下面的css代码可以完美解决问题。
<img src="/image/demo.png" />
<p>和图片保持同一水平线展示!</p>
p{ display: inline-block; vertical-align: middle; } img { vertical-align: middle; }
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/1108.html