Question

有人可以确认我在这里正确的道路上。基本上我想要做的是允许用户在需要时在页面上水平浏览（以响应模式）。这是否是正确的CSS：

new_list = []
for i in items:
    new_list.append(i["name"])

return str(new_list).strip('[]')

Answer 1

要制作水平滚动的内容，为了满足要求，我需要不要中断white-spaces或min-width，因此除非您希望滚动条在所有位置，否则不需要设置overflow: scroll;时间。

使用white-space

.wrapper {
    white-space: nowrap;
}

<div class="wrapper">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</div>

使用min-width

.wrapper {
    min-width: 1500px;
    background-color: lime;
}

<div class="wrapper">
    bla bla bla bla 
</div>

css使网站可以水平滚动

1 个答案: