Question

我尝试了许多方法（可能都是错误的）将图像置于滑块中心并使其按比例填充图块，但仍然失败。

我想要的是图像：

min-width:100%;
width:auto;
min-height:100%;
height:auto;
vertically and horizontally centered

我尝试使用

transform: translate(-50%, -50%);

但它不起作用。

如果我能在这里得到一些指导，那就太棒了。

暂存网址： http://multisite.thesuit.sg/tatwai-r1/portfolio-item/uob-268/

Answer 1

试试这个：

< div style=”width:300px;height:300px;text-align:center;vertical-align:middle;line-height:300px;border:1px solid #ccc;display:table-cell”>
　　< img src=”aaaa.jpg” mce_src=”aaaa.jpg” style=”_margin-top: expression_r(( 300 - this.height ) / 2);” />
< /div >

使图像填充并在滑块中居中

1 个答案: