Heim  >  Artikel  >  Web-Frontend  >  急!!让图片居中的方法!_html/css_WEB-ITnose

急!!让图片居中的方法!_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:20:561692Durchsuche

我有个正方形的 div 框框 ,他没有固定的px ,是用八仙%写的,那么我想放一张长方形的图片进去,然后让它上下居中 。 请问做的到吗 ?
该怎么做呢? 急 ~~   


回复讨论(解决方案)

还有就是,这长方形图片还需要被压缩去正方形的高度 

margin:auto;
图片要有宽度

如果高度已知的话,这样:

<style type="text/css">        div {            text-align:center;            outline:1px solid #ccc;            height:200px;            line-height:200px;        }    </style>


<div>    <img  src="0.png" / alt="急!!让图片居中的方法!_html/css_WEB-ITnose" ></div>

方法一:可以用body{text-align:center}这样的话一切都是自定义剧中。
方法二:在img 中用align="center"
普科国际留。


    急!!让图片居中的方法!_html/css_WEB-ITnose
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn