fpbl.net
当前位置:首页 >> Div+Css中,怎样让一个Div里面的背景图片垂直居中 >>

Div+Css中,怎样让一个Div里面的背景图片垂直居中

直接用padding定义它的上下左右距离不就可以了吗?

div+css,图片设置在DIV中垂直居中:方法一:思路:利用text-align属性将图片水平居中,然后设置padding-top的值使其垂直居中.结构如下:<div><img src="images/tt.gif" width="150" height="100" /></div> CSS样式如下:div {width:

<style type="text/css"> .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873,200*0.873 约为175*

图片本身有个align属性,直接设置为center就可以了.

放图片的容器设置行高,给图片设置属性absmiddle,但是你说你的图片不知道高度,所以你的容器高度也应该是不定吧?如果是这样,也就是你容器的行高是不定的,这种方法也不好.建议适时使用表格,DIV+CSS设计不是非要全盘都用DIV布局,适时而动才是王道,灵活应用.<divstyle="line-height:200px"><imgsrc=""align="absmiddle"/></div><table><tr><tdvalign="middle"><imgsrc=""/></td><td></td></tr></table>

把图片加上样式: display:block;margin:auto

如果图片在DIV里============================================&lt;style type="text/css"&gt;.nav{width:300px; height:100px; line-height:100px; text-align:center;}&lt;/style&gt;&lt;div class="nav"&gt;图片&lt;img src="http://www.baidu.

给div设定text-align:center;可使图片水平居中,再给图片img设定 vertical-align:middle;即可达到垂直居中(切记,是给图片加,不是div,很多人容易搞错) 还有一个方法,就是用table布局,td默认是水平方向居左的,但是垂直方向是居中的,所以你套一个table后再插入图片的话,也能很好的达到垂直居中

CSS中定位背景图片的属性是:background-position,用法background-position 属性设置背景图像的起始位置.你要水平居中可以:div{background-position:center center}//第一个center是水平居中,第二个center是上下居中 CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.

background:url(images/xx.gif) no-repeat 50% 50%;background:url(images/xx.gif) no-repeat center center;

zxqt.net | 9371.net | bfym.net | bnds.net | rprt.net | 网站首页 | 网站地图
All rights reserved Powered by www.fpbl.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com