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

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

WBOY
Libérer: 2016-06-24 12:20:56
original
1733 Les gens l'ont consulté

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


回复讨论(解决方案)

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

margin:auto;
图片要有宽度

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

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


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

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


    急!!让图片居中的方法!_html/css_WEB-ITnose
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal