我有一个父div,宽度为：100％,溢出：隐藏
我需要在其中放置2500-3000px的图像,但是图像水平居中(左右裁剪),因此图像的主要中心部分显示在较小的屏幕上,但没有水平滚动条.
我无法使用背景图像,因为图像是通过PHP动态添加的.
请帮忙.
我需要在其中放置2500-3000px的图像,但是图像水平居中(左右裁剪),因此图像的主要中心部分显示在较小的屏幕上,但没有水平滚动条.
我无法使用背景图像,因为图像是通过PHP动态添加的.
请帮忙.
解决方法
如果您事先知道图像的宽度和高度(即它们都是相同的),那么您可以使用旧的边距/位置技巧：
#myImage {
height: the image's height;
left: 50%;
margin-left: -half the image's width;
margin-top: -half the image's height;
position: relative;
top: 50%;
width: the image's width;
}
