首頁 > web前端 > html教學 > 急!!让图片居中的方法!_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 12:20:56
原創
1733 人瀏覽過

我有个正方形的 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
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板