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解决方法
仔细揣摩上面的方法。