问题描述
编辑: 我将其标记为Angular,但忘了明确声明我是前端。 那么,我可以使用任何指令或Angular甜酱吗?
我在实际页面的两??个不同位置使用的数据库字段中有文本。 文本为“经常/通常”。
在页面的一部分中,我将其输出为指示文字的含义,因此我希望文字如下所示:
Frequently/Usually: Description of what this means.
然后,我有一个表头,在这里我重复使用“频繁/通常”,但是为了保持间隔,我通常需要在“频繁”下面的单独一行上。
如果我将其存储在数据库中
Frequently/<br/>Usually
然后,当我在指令文本中显示<br/>时,需要将其删除。
还是当我在表头中输出文本时,是否可以将其存储为“ Frequently/Usually并放在<br/>中?
最好的方法是什么?
我想我可以在'/'上拆分字符串,然后将字符串与其中的<br/>放回去。
最好的方法是什么?
1楼
mofojed
0
2015-07-25 12:52:07
使用<wbr>代替<br> 。
wbr是一个断字的机会,并且只有在需要时才会中断: :
2楼
Yuriy Naydenov
0
2015-07-25 12:54:50
最佳实践是在数据库中仅存储纯数据,而不依赖表示,并且每次使用此数据时,表示层都知道应如何显示数据。
因此,您需要使用word-wrap:break-word将文本包装在div中,或者如果由于“ \\”没有空格而无法进行这种情况,则应在向用户展示字符串之前对其进行预处理:
ModifiedString = OriginalString.Replace("\","\​");
然后,您将在视图中使用以下字符串:
<div style="width:100px;word-wrap:break-word;">
ModifiedString
</div>
3楼
udondan
0
2015-07-25 12:56:17
比您列出的选项多两个选项:
-
​是零宽度的空间,在需要时会产生换行符。 可能这是您可以使用的情况。 因此:Frequently/​Usually -
在斜杠周围设置一个
<span>并根据需要设置其样式,例如,Frequently<span class="slash">/</span>Usually,然后按照以下方式定义一些CSS:
.slash:after {
content:"\000A";
white-space: pre;
}