Asp.net 如何包装从数据库中提取的文本而不拆分单词?
好吧,这是一个让我困惑了一段时间的问题 我有一个故事数据库。我想在div中显示一章的内容。我的问题是在不拆分单词的情况下包装文本,这会降低可读性。例如,“生日”一词位于我的div的边缘,它将像这样包装: 出生的Asp.net 如何包装从数据库中提取的文本而不拆分单词?,asp.net,css,database,html,Asp.net,Css,Database,Html,好吧,这是一个让我困惑了一段时间的问题 我有一个故事数据库。我想在div中显示一章的内容。我的问题是在不拆分单词的情况下包装文本,这会降低可读性。例如,“生日”一词位于我的div的边缘,它将像这样包装: 出生的 嗯 我该如何解决这个问题?可能真的很简单,我只是想得太多了 这是css .dvChapContent { float: left; display: block; width: 750px; white-space:norma
嗯 我该如何解决这个问题?可能真的很简单,我只是想得太多了 这是css
.dvChapContent
{
float: left;
display: block;
width: 750px;
white-space:normal;
word-break: break-all;
word-wrap: normal;
}
您可以使用
空白:正常
您还可以查找类似的属性,如wordwrap:normal代码>和文本换行:正常代码>
编辑:
不使用分词
属性可能会起作用。好的,这里有一个
现在div中的文本根本没有换行…:叹气:这已经困扰了我一个星期了……我编辑了我的答案,希望这次对你有用;)单词break:keep all似乎对我没有任何帮助:/好吧,经过更多的挖掘,我意识到单词break为什么不起作用。在所有单词之间是“ ”,它看起来只是一个字符空格,但不是。但我的问题是,我使用ckeditor创建章节。我如何使它达到ckeditor不在每个字符之间放置“ ”的位置?请打开一些编辑器,并用一个空格替换所有
:)使用函数Find and replace,您可以使用MS Notepad实现此目的。我以为任何浏览器都不支持文本换行?w3schools网站上就是这么说的。。我甚至不知道。我在div中找到了要包装的文本,但它仍然像以前一样分解单词。如果我提到文本中有段落标记会有帮助吗?如果您的文本用段落
标记包装,那么您可以像这样设置段落标记的样式p{word break:keep all;}
并且不需要听太多的W3Schools,这是一个很好的站点,但它们没有更新,您必须测试自己什么属性有效,什么不可用。
.dvChapContent {
display: block;
float: left;
width: 750px;
padding: 5px;
word-break: keep-all;
border: 1px dotted gray;
}