如何解决“溢出-x:自动”不向左滚动
#container {
display: flex;
flex-direction: column;
align-items: center;
margin: 22px;
gap: 22px;
overflow-x: auto;
}
<div id="container">
<image src="https://www.perpetuum.eu/sites/perpetuum.eu/files/inline-images/grid-line.jpg" width="888" />
<div>This image has a fixed width (and thus also its height). This image will not change as a function of the window size. In a mobile it may overflow.</div>
</div>
当出现溢出时,图像会保留在中心(这是我想要的)。 但是滚动条只向右移动,所以看不到左边的部分。我怎样才能获得两个方向的卷轴?否则,如何仅在出现溢出时将对齐方式更改为左对齐?
解决方法
您不能双向滚动。但是您可以为图像添加边距,溢出将按预期工作。
img {
margin: 0 auto;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。