在下面的代码片段中有 2 个示例来演示我要完成的任务:
我希望我的顶级示例的行为类似于下面的示例,这意味着它将与给定的文本保持在 2 行中,问题是当我使用 space
时它会断行并且我希望文本继续到 div 的末尾,然后才中断。
有什么CSS建议吗?
.myClass{
font-size: 10px;
color: #9a9a9a;
width: 160px;
overflow: hidden;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
<body>
<div class="myClass">
WWWWWWWW WWWWWWWWWWWWWWWWWWWWWWWWW
</div>
<hr>
<div class="myClass">
WWWWWWWW WWWWWWWWW WWWWWWWWWWWWWWWW
</div>
</body>
最佳答案
您可以为此使用以下 CSS
.myClass{
font-size: 10px;
color: #9a9a9a;
width: 160px;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
display: block;
}
关于html - 强制 div 中的文本仅在到达 div 的末尾时中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42693920/