如果下面代码
<div style="height: 100px; overflow: scroll" > <img src="img" style="height: 200px; /></div>
请问如何让img总是居中,尤其是img的height比div 的height还大,image还是居中。
因为div的overflow是scroll的所以图片的上部和下部看不见,但是 div里面显示的还是图片的中部。请从css角度思考。
谢谢
解决方案
你这代码看着总是别扭,仔细看了看第一行的冒号":" 是中文的冒号吧? 还会有第二行的 style 少了个引号? 所以第三行的高亮看着都有问题...
显示图片:
<div style="height: 100px; overflow: hidden; width:100px" > <img src="img" style="height: 200px; width:200px; margin-top: -100px; margin-left: -100px;" /></div>