说我有一列的宽度最大为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，并通过将伪元素的内容设置为{来告诉文本在特定位置处断开{1}}

"\A"

.column1
{
  width:50px;
  word-wrap: break-word;
}

.column2
{
  width:50px;
  margin-top: 20px;
}

.break:before {
    content:"\A";
    white-space:pre;
}