【问题标题】:Overflowing a list to a new line将列表溢出到新行
【发布时间】:2021-07-22 00:27:03
【问题描述】:

我有一个包含 ul 标记列表的 div 以及一个提示添加新标记的组合框。我面临的问题是列表项为exceeding the bounds of their container

我尝试将它添加到 CSS 中,

.r6o-widget.r6o-tag{
  overflow: scroll
}

但所做的只是使列表可以水平滚动,而我需要垂直滚动(我也尝试用overflow-y 替换overflow,但它仍然是水平的) 如何使列表垂直滚动或更好地滚动,垂直扩展容器并将其内容溢出到新行(我试过flex-wrap: wrap;,但只是溢出了提示而不是列表项)?

【问题讨论】:

  • 相信我,这些事情需要在没有滚动的情况下完成,因为它们的数量并不多。您的解决方案是“浮动”或“弹性”。
  • @UModeL 是的,如果容器只是垂直扩展并且列表项在那里溢出,我会更喜欢,我会举一个例子
  • 使用网格、弹性框或浮动
  • 使用浮动工作,谢谢

标签: html css overflow


【解决方案1】:
.r6o-widget.r6o-tag ul.r6o-taglist li {
  float: left !important;
}

这解决了问题

【讨论】:

    猜你喜欢
    • 2019-10-05
    • 2019-09-25
    • 2013-05-25
    • 2015-09-26
    • 2020-12-05
    • 2021-03-24
    • 1970-01-01
    • 2019-12-27
    • 1970-01-01
    相关资源
    最近更新 更多