11问答网
所有问题
css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中
如题所述
举报该问题
推荐答案 2016-01-19
æ°´å¹³å± ä¸çè¯å°±å¨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>
温馨提示:答案为网友推荐,仅供参考
当前网址:
http://11.wendadaohang.com/zd/FvMFqP82vMqMPP2F2S7.html
其他回答
第1个回答 推荐于2016-05-24
水平居中容易
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>
本回答被提问者和网友采纳
第2个回答 2018-04-20
由于img是个特殊的内联元素,所以要将其
设置为块级元素
方能让其居中显示。即display设置为block,再加上margin:0 auto,示例代码如下:
<img style="display:block;margin:0 auto" src=""/>
相似回答
大家正在搜
相关问题
css html 如何将图片img标签 水平居中 垂直居中 ...
HTML CSS中如何实现DIV中的图片水平垂直居中对齐
css html 如何将图片img标签 水平居中 垂直居中 ...
HTML CSS中如何实现DIV中的图片水平垂直居中对齐?
html能设置图片水平和垂直居中吗?
如何用CSS让图像在div中垂直和水平居中,css怎么写
在div+css中图片怎么样才能垂直居中或水平居中
如何使img或者div在div中水平垂直居中显示