假设我有一列最大宽度为 20 像素的列，我需要将内容包装在给定的宽度内

Question

如果我有一个带有/或其他转义序列的长文本，如何打破它并在 UI/？？

示例 I/p：欢迎使用/编程如果我有一个带有/或其他一些转义序列的长文本，如何打破它并在 UI/？？

column1
{
  width:50px;
  word-wrap: break-word;(or) overflow-wrap :break-word (or)
  word-break: break-all;
}

预期 O/P ：值应位于给定宽度内

Welcome
To/
Programming

但它显示为

Welcome
To/Prog
mming

Answer 1

也许你可以这样做，稍微改变一下你的标记和 CSS，你可以使用伪元素::before，并通过将伪元素的内容设置为"A"来告诉你的文本在特定位置中断

.column1
{
  width:50px;
  word-wrap: break-word;
}
.column2
{
  width:50px;
  margin-top: 20px;
}
.break:before {
    content:"A";
    white-space:pre;
}

<div class="column1">
  Welcome To/ Programming
</div>
<div class="column2">
  <span>Welcome</span><span class="break">To/</span><span class="break">Programming</span>
</div>