<html>
<head></head>
<body>
<div style="width: 500px; height: 80px; background-color: red; position: absolute; z-index: 1;">
<ul style="position: absolute; z-index: 2;">
<li> fhoaifhadlsfadslfjadhslfajshdfaldsfhalsdfjgjgldskjgaskjglsgjsldkgjslgkjsljgl </li>
<li> </li>
</ul>
</div>
</body>
</html>
我有一小段代码，显示一个简单的元素符号列表和一个 div。一旦到达 div 末尾，我如何才能让文本环绕到下一行？通常我会使用“word-wrap:break-word”，但它似乎不起作用。我还能怎么做呢？ 谢谢。
最佳答案
禁止 div 溢出并向 ul 添加 break-all 属性将导致您正在寻找的行为:
<html>
<head></head>
<body>
<div style="width: 500px; height: 80px; background-color: red; position: absolute; z-index: 1; overflow-x: hidden;">
<ul style="position: absolute; z-index: 2; word-break: break-all;">
<li> fhoaifhadlsfadslfjadhslfajshdfaldsfhalsdfjgjgldskjgaskjglsgjsldkgjslgkjsljgl </li>
<li> </li>
</ul>
</div>
</body>
</html>
请记住，如果需要的话，这会在单词中间中断，以强制它适合 div
关于css - 元素符号文本 - 换行到 div 内的下一行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51688079/