Html 如何使用wrap和inline块使javascript卡溢出

我试图让一堆

div

s在线排列，并在它们离开屏幕时滚动

这就是我所拥有的。抱歉，没有为

卡设置格式


。滚动包装器{
溢出-x：滚动；
溢出y：隐藏；
空白：nowrap；
}
.卡片{
显示：内联块；
}

卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
您可以使用
浮动：左
而不是
显示：内联块

.card {
  float: left;
}

您可以使用
float:left
代替
display:inline块

.card {
  float: left;
}

尝试使用下面的代码段，并确认这是否是您想要的


。滚动包装器{
溢出-x：滚动；
溢出y：隐藏；
空白：nowrap；
}
.卡片{
显示：内联块；
最大宽度：200px；
空白：首字母；
}

卡片内容内容卡片内容内容卡片内容内容内容卡片内容内容内容卡片内容内容内容
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
尝试使用下面的代码片段，并确认这是否是您想要的


。滚动包装器{
溢出-x：滚动；
溢出y：隐藏；
空白：nowrap；
}
.卡片{
显示：内联块；
最大宽度：200px；
空白：首字母；
}

卡片内容内容卡片内容内容卡片内容内容内容卡片内容内容内容卡片内容内容内容
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
在第二个示例中，您的css代码中存在格式错误。这是scss中的遗留代码，我忘记将其更改为css。谢谢你的关注！在第二个示例中，您的css代码中存在格式错误。这是SCS中的遗留代码，我忘记将其更改为css。谢谢你的关注！工作得很有魅力！我知道会是这样的，我一直在忽视。非常感谢！工作得很有魅力！我知道会是这样的，我一直在忽视。非常感谢！