Fatal编程技术网
  • html/
  • Html 当列表项超过容器宽度时，将其拆分为新行

Html 当列表项超过容器宽度时，将其拆分为新行

html css

Html 当列表项超过容器宽度时，将其拆分为新行,html,css,Html,Css,我有一个divposition:absolute在一个relative容器div中。这个absolute定位的div有一个百分比宽度，当我缩小浏览器大小，从而缩小div的大小li文本的截图时，我将包括一个屏幕截图。我希望li中的文本在不写入的情况下换行，因为它们将动态生成。好的，这是我的代码 //HTML <div class="information-toggle"> <aside class="information-toggle__list">

我有一个div
position:absolute
在一个
relative
容器div中。这个
absolute
定位的
div
有一个百分比宽度，当我缩小浏览器大小，从而缩小
div
的大小
li
文本的截图时，我将包括一个屏幕截图。我希望
li
中的文本在不写入

的情况下换行，因为它们将动态生成。好的，这是我的代码

//HTML

<div class="information-toggle">
    <aside class="information-toggle__list">
        <ul>
            <li>Meaningless Existence</li>
            <li>Meaningless Existence</li>
            <li>Meaningless Existence</li>
            <li>Meaningless Existence</li>
        </ul>
    </aside>
    <div class="information-toggle__content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    </div>
</div>
在我看来，这就是它的样子
在父div上，使用

word-wrap:break-word;
在父div上，使用

word-wrap:break-word;
关于
li
项目放置
空白：正常
，
高度：自动
和
最小高度：67px
关于
li
项目放置
空白：正常
，
高度：自动
和
最小高度：67px
你可以应用
溢出包装：断字在父分区上。
您可以应用
溢出包装：断开单词在父div上