css设置图片居中，CSS中怎么让图片在盒子里居中呢

1，CSS中怎么让图片在盒子里居中呢

text-align:center写上这个属性

源文件我没看，不过，你可以把所有的代码放入一个div里，给这个div标签加上margin:auto的css样式，应该就行了。不行你再追问或加我q好了，q的话，我资料里有写。

CSS中怎么让图片在盒子里居中呢

2，css中如何让图片垂直居中

不可以，因为是错的，用表格，或者positon

把图片放到

不可以

图片没法垂直居中，但可以用如下方法 <style type="text/css"> li { height:60px;} li img { height:50px;margin-top:5px;margin-bottom:5px; } </style> <li height=50><img src= http://cache.soso.com/wenwen/i/wenwen_logo.gif /></li>

css中如何让图片垂直居中

3，纯css实现图片水平垂直居中

纯css实现是不太可能的，正常这样的情况是在js的配合下实现的。如果不能知道图片的高度，就不能保证居中，css本身无法取得图片高度因此必须js参与！当然有一种办法就是：将图片作为背景，采用：background:url(图片地址) no-repeat center; 当然这样的话虽然实现居中但是图片本身不能点击，只能再制造一个空的链接！使得可点击！

跟ls说的一样哦！单纯这样是无法实现的哦！

你的纯css是什么意思css中有表达式expression，用来把CSS属性和 Javas cript表达式关联起，那这个算不算是“纯”？另外图片宽高不定，是要做判断的，以避免图片显示不完全（等比例下是宽>高，还是高>宽）这些仅用CSS是办不到的

那高度呢？div的style给个text-align:center;垂直的话就line-height或者vertical-align

你的纯css是什么意思css中有表达式expression，用来把CSS属性和 Javas cript表达式关联起，那这个算不算是“纯”？另外图片宽高不定，是要做判断的，以避免图片显示不完全（等比例下是宽>高，还是高>宽）

纯css好像真的很难实现！

纯css实现图片水平垂直居中

4，CSS 图片垂直居中

图片没法垂直居中，但可以用如下方法 <style type="text/css"> li li img </style> <li height=50><img src= http://cache.soso.com/wenwen/i/wenwen_logo.gif /></li>

这样可以利用背景的方法来解决这个BUG，但是图片不能大过 li的高跟宽 <li ><a href="#" style=" background:url( http://cache.soso.com/wenwen/i/wenwen_logo.gif ) no-repeat center center display:block;"></a></li>

ie6以下的版本不好实现，ie7及其以上版本包括火狐之类的很容易实现 img max-width:180px;//你li元素的宽 max-height:180px;//你li元素的高 height:auto; width:auto; } 设置图片居中的自己去网上找吧，成堆成堆的另有的ie版本里面图片与容器顶部会出现几个像素的空白，是ie的bug，具体版本不记得了，请css hack之就这么多，还有什么不清楚，请说

这个问题比较棘手，因为你的图片是不固定大小的。如果超过180的高度就会溢出，溢出了兼容性就别提了。

只能对li用padding.如果想修改图片,则要将图片dispaly:block.才能设置上下的padding!

css样式中设置： line-height: 和 vertical-align:

5，如何让图片在div中居中显示

方法一：　　思路：利用text-align属性将图片水平居中，然后设置padding-top的值使其垂直居中。　　结构如下：　　<div>　　<img src="images/tt.gif" width="150" height="100" />　　</div>　　CSS样式如下：　　div 　　运行结果如下：　　　　　　释义：　　图片的尺寸为150x100px，DIV的大小为300x200px；　　background-color:#CCC; border:#000 1px solid;为DIV加个边框和背景色，便于观察效果。　　text-align:center,实现图片的水平居中；padding-top:50px，50px这个数值是经过计算得到的，padding-top的值具体算法如下：（DIV的高度 – 图片的高度）/2，但这里要注意，根据盒模型原理，我们还要将DIV原来的高度200减去padding-top的值，这样显示的才是正确的，否则DIV会变高。　　　　　　方法二：　　思路：只用padding属性，通过计算求得居中　　结构代码同上；　　CSS样式如下：　　div 　　备注：这里DIV的宽高计算都遵循盒模型原理，计算方法同上。　　　　　　方法三：　　思路：　　利用图片的margin属性将图片水平居中，利用DIV的padding属性将图片垂直居中。　　结构代码同上；　　CSS代码如下：　　div 　　img 　　备注：　　Img是内联元素，要设置其margin属性使其居中，就要将其转换为块元素display:block;然后利用margin:0 auto;实现图片的水平居中；（有的设计师为图片再加个div标签，然后通过div标签的margin实现居中

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

你的居中是指水平居中，还是垂直居中？水平居中：div设置：text-align:center; img设置：width:图片宽度; margin:0 auto;垂直居中：div设置：position:relative; img设置：position:absolute; top:50%; height:图片高度; margin-top:图片高度的一半;

里面图片可以用一个小div装起来，然后用定位给小div自适应居中就行了,比如：

css设置div :text-align:center ;margin:0px auto;img : margin:0px auto;如果还不行，可以用margin-left:50%-图片高度一半