css CSS:在较小的容器中居中更广泛的img

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css CSS:在较小的容器中居中更广泛的img相关的知识,希望对你有一定的参考价值。

div.outer {
    width: 300px; /* some width amount needed */
    margin: 0 auto; 
    overflow: visible;
}
div.inner {
    position:relative;
    float: right; /* this was added and display removed */
    right: 50%;
}
div.inner img {
    position: relative; 
    right:-50%; /* this was changed from "left" in original */
}

以上是关于css CSS:在较小的容器中居中更广泛的img的主要内容,如果未能解决你的问题,请参考以下文章

CSS - 我的图像在较小的屏幕尺寸上与我的文本重叠

使用 CSS 强制 img 和 p 分成两列

如何使用鼠标单击和拖动在较小的 div 中滚动大图像?

FullPage.js 在桌面上的淡入淡出效果,在较小的设备上禁用并获得默认滚动

CSS - Div获取父级的剩余宽度空间

使用 CSS 在 <DIV> 中居中 <IMG/>