css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中

css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中,第1张

水平居中的话就在img所在的标签设置text-align:center

垂直居中的话就在img上设置vertical-align:middle

至于水平垂直居中?这的问题与上面的已经重复了

例如:

<div style="text-align:centerwidth:100pxheight:40px"><img src="图片" style="vertical-align:middle" width="16" height="16" /></div>

1、img前面插入空标签,左右垂直居中

2、插入一个span标签,写法有点不一样(但是父元素浮动也会居中)

3、图片撑满整个div (图片比div大,或者比div小都会,图片会被拉伸)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7212934.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存