日期:2014-05-17  浏览次数:20658 次

ul中只有一个li,li里面有张图片.图片的长宽不固定,如何让li在ul里垂直水平居中
<ul ><li><img  src="1.jpg" height="120" width="100"></img></li>
</ul>
height="120" width="100"这个是动态的。
不想拉伸图片。宽高不固定的

------解决方案--------------------
居中直接用line-height 和text-align:center
------解决方案--------------------
楼主的意思应该是要把 图片 在li里面 垂直居中吧。
------解决方案--------------------
<ul><li><table><tr valign="middle"><td><img src=""/></td></tr></table></li></ul>
------解决方案--------------------
先试试添加对齐属性 <img src="" align="absmiddle" />

如果还是不行就用以下代码把里的显示方式设置为表格
li{ display:table-cell; vertical-align:middle ; }
------解决方案--------------------
无语了。

ul,li都是块元素,它们的高度都由子元素的高度来决定,在ul,li都没有显式定义高的前提下。

大家都是一样高,怎么垂直居中?

------解决方案--------------------
垂直居中及容器内图片垂直居中的CSS解决方法
仔细揣摩上面的方法。