gpt4 book ai didi

javascript - 如果
    的长度超过屏幕宽度,则
  • 元素转到下一行

转载 作者:行者123 更新时间:2023-12-05 09:33:50 25 4
gpt4 key购买 nike

<分区>

我有一个 list (click for fiddle) :

  <ul class="list-items" :style="styleObject">
<li v-for="(item, index) in listItems" :key="index">
<span v-if="index != 0">, </span><span>{{ item.name }}</span>
</li>
</ul>

<style lang="scss" scoped>
.list-items {
display: inline-flex;
}
ul {
list-style-type: none;
}
</style>

它看起来像这样:

enter image description here

这在桌面上很棒,但是当屏幕变小时,单词会被打乱而不是转到下一行:

enter image description here

我想要的是,只要最后一个单词超过屏幕宽度,它就会转到下一行,这样我的列表就不会像上图那样被打乱,我该怎么做?

注意不确定它是否重要,但 class="list-items" 位于具有以下样式的 div 中:

display: flex;
align-items: center;`

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com