在元素中的单词中的空格后强制换行答案

【问题标题】：Force a line break after space in words in element在元素中的单词中的空格后强制换行
【发布时间】：2015-05-13 01:39:31
【问题描述】：

我有一个表格/网格视图，在<td> 中有两个词，如"C2 Sunday"。我想在 C2 之后中断一条线，它看起来像，

 C2
Sunday

可以这样做吗？
请帮我解决这个问题。
现在它显示为“C2 Sunday”，我想像上面那样。

【问题讨论】：

【解决方案1】：

只需使用</br> 喜欢：

<table>
<tr>
<td>C2 </br> Sunday</td>
</tr>
</table>

【讨论】：

【解决方案2】：

在 td 上制定 CSS 规则并赋予 css 属性 word-break:break-all;

【讨论】：

【解决方案3】：

下面是换行的例子：

<html>

要在文本中换行
，
使用 br 元素。

【讨论】：

【解决方案4】：

你可以使用 HTML <br> 标签来打破喜欢 C2<br>周日

不带引号

【讨论】：

【解决方案5】：

你可以这样做

<Itemtemplate>
<%# ((string)Eval("C2")).Replace("\n", "<br/>") %></Itemtemplate>

<Itemtemplate>
<%# FormatString(Eval("Sunday")) %></Itemtemplate>

希望对你有帮助

【讨论】：

【解决方案6】：

就我而言，我使用的是 CSS 网格我是这样做的

<somegriditem>
  <div>A</div>
  <div>B</div>
</somegriditem>

在css中

{display:flex;flex-direction:column;}

【讨论】：