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

 我来答
千锋教育
2016-01-19 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部
水平居中的话就在img所在的标签设置text-align:center
垂直居中的话就在img上设置vertical-align:middle
至于水平垂直居中?这的问题与上面的已经重复了
例如:
<div style="text-align:center; width:100px; height:40px;"><img src="图片" style="vertical-align:middle;" width="16" height="16" /></div>
百度网友3cb80af
推荐于2016-05-24 · TA获得超过9535个赞
知道大有可为答主
回答量:1.2万
采纳率:83%
帮助的人:3983万
展开全部
水平居中容易
img{margin:0 auto;}
就会水平居中了,

水平垂直嘛,有很多种方法,,说说我常用的。
<div style="position:relative;width:500px;height:500px;background:#000;">
<img src="xxx.jpg" style="position:absolute;width:100px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-50px;">
</div>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wjnds
2018-04-20 · TA获得超过7148个赞
知道小有建树答主
回答量:1803
采纳率:60%
帮助的人:452万
展开全部

由于img是个特殊的内联元素,所以要将其设置为块级元素方能让其居中显示。即display设置为block,再加上margin:0 auto,示例代码如下:

<img style="display:block;margin:0 auto" src=""/>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式