Maison  >  Article  >  interface Web  >  急!!让图片居中的方法!_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 12:20:561693parcourir

我有个正方形的 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
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn