在div+css中图片怎么样才能垂直居中或水平居中

来源：百度知道 编辑：UC知道 时间：2024/05/22 14:34:34

如果图片在DIV里
============================================
<style type="text/css">
.nav{width:300px; height:100px; line-height:100px; text-align:center;}
</style>
<div class="nav">图片<img src="http://www.baidu.com/search/img/rss_xml.jpg"></div>
============================================
CSS里图片背景代码如：
.nav{background:url(01.gif) no-repeat 0px 0px;}

CSS里的两个0px一个是控制上下，一个是控制左右，可以使用负数

楼上的你说的是文字的水平垂直居中,图片水平居中只要text-align:center就行了,要垂直居中不可能,只能通过计算,给图片一个顶部边距

-------------------------
楼下的:margin-top: e­xpression(( 150 - this.height ) / 2);
这个只能在IE下,FF下是不行,楼主就死心吧

试试这个看是不是这种

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "div +css怎么添加图片 div+css中DIV具体指什么？ 如何在DIV+CSS中定义高度为1px DIV+CSS 在FIREFOX中显示的问题 div+css在Dreamvear中错位的问题 div+css中的插入图片问题 div +css显示图片的问题 图片循环滚动代码改成css+div DIv+Css的图片定位问题! 如何让图片居中？用DIV+CSS