Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在div中换行长文本而不带空格_Html_Css - Fatal编程技术网

Html 在div中换行长文本而不带空格

Html 在div中换行长文本而不带空格,html,css,Html,Css,我在包装文本时遇到问题。我正在生成一些hexencoding加密,输出太长,如下所示: 827938828EY823876TE37257E5T328ER6367R5ERD663275E65R532R6S3624E5645376ER563RDR753624E54431763R567R567R567R567R567R567R56R56R56R56R56R56R56R56R56R56R56R56R56R56R56R52R56R56R56R56R56R562R56R56R56R56R65SR 它还在继续

我在包装文本时遇到问题。我正在生成一些hexencoding加密,输出太长,如下所示:

827938828EY823876TE37257E5T328ER6367R5ERD663275E65R532R6S3624E5645376ER563RDR753624E54431763R567R567R567R567R567R567R56R56R56R56R56R56R56R56R56R56R56R56R56R56R56R52R56R56R56R56R56R562R56R56R56R56R65SR

它还在继续。当我把它放在一个
div
中时,即使我指定了一个特定的宽度,它也不会包装它,因为它们都在一起。如果
div
的宽度不够一行,我希望它从下一行继续

我该怎么做呢?

你不能包装该文本,因为它没有任何空格。您需要一个JavaScript或服务器端解决方案,在几个字符后拆分字符串

编辑

您需要在CSS中添加此属性


换行:断开单词

我在这里发现了一些奇怪的东西,关于
wordwrap
只适用于CSS的
width
属性

#仅限宽度{
宽度:200px;
}
#字无宽{
单词包装:打断单词;
}
#字圈宽度{
宽度:200px;
单词包装:打断单词;
}
这是仅使用width属性的单词换行的示例

827938828EY823876TE37257E5T328ER6367R563275E65R532R6S3624E5645376ER563RDR753624E54431763R567R567R4E56R326R56R562R65SR32DR32UDR56R634R57RD63725


这是不带宽度属性的自动换行的示例

827938828EY823876TE37257E5T328ER6367R563275E65R532R6S3624E56455376ER563RDR753624E54431763R567R4R56R26R5632DR32UDR56R634R57RD63725


这是具有width属性的换行字的示例

827938828EY823876TE37257E5T328ER6367R563275E65R532R6S3624E56455376ER563RDR753624E54431763R567R567R46R4E56R326R5632DR32UDR56R634R634R57RD63725

您可以使用以下命令

p{word-break: break-all;}

        <p>LoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolor</p>
p{word break:break all;}
Loremip summdolorore summdolorore summdolorore summdolorore summdolororeOREMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLORMORMIPSUMDOLOR


这是为我工作的

显然stackoverflow.com正在实现我在这里需要的东西。它从第二线继续。当我查看这个页面的源代码时,我看到了post文本的以下内容:宽度:660px;字体大小:107%;边缘底部:5px;右边距:5px;线高:130%;
white-space: pre-wrap