对齐文本中的图像
当在文本中放置 时,似乎希望图像的底部位于文本基线处,或者稍高于文本基线,例如:
如何才能使图像的中心位于文本的中心?我知道可以用 CSS 来完成,但是我忘了怎么做。
When putting a <img>
in text, it seems to want the bottom of the image to be at the text baseline, or a little above, example:
How can I have it so the image's center is at the text's center? I know it can be done with CSS, however I forgot how.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
使用
vertical-align: middle
。例如 http://jsfiddle.net/8QzFV/Using
vertical-align: middle
. E.g. http://jsfiddle.net/8QzFV/您可以在图像顶部添加填充吗?
Can you add padding to the top of the image?
只需在其周围包裹一个div并使用css样式vertical-align:middle
just wrapp a div around it and use css style vertical-align:middle