Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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 CSS：必要时换行文本并断开单词_Html_Css_Word Wrap_Word Break - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html CSS：必要时换行文本并断开单词

Html CSS：必要时换行文本并断开单词

html css

Html CSS：必要时换行文本并断开单词,html,css,word-wrap,word-break,Html,Css,Word Wrap,Word Break,我如何设置一个div，使它能够包装文本，并在必要时打断单词？下面的示例中，点表示div的宽度（“zzzzz…”是一个单词） 你好，这些是 言语 zzzzzzzzzzzzzzzz zzzzzz您可以使用css单词换行：打断单词 .wrap{ 宽度：50px； 单词包装：打断单词； 边框：1px纯红 } 这是一个正常的div，用于包装和拆分单词，如果您希望在某个位置将单词分隔开，而该位置对于容器来说太长，则可以使用­实体（软连字符）。所以HTML singledoubletriple&am

我如何设置一个div，使它能够包装文本，并在必要时打断单词？下面的示例中，点表示div的宽度（“zzzzz…”是一个单词）


你好，这些是
言语


zzzzzzzzzzzzzzzz
zzzzzz

您可以使用css
单词换行：打断单词

.wrap{
宽度：50px；
单词包装：打断单词；
边框：1px纯红
}


这是一个正常的div，用于包装和拆分单词
，如果您希望在某个位置将单词分隔开，而该位置对于容器来说太长，则可以使用
­实体（软连字符）。所以HTML


singledoubletriple­quadruplequintupleburger 


将继续


singledoubletriplequadruplequintupleburger


在屏幕上，当它适合一行，但成为


singledoubletriple-
quadruplequintupleburger



如果这条线比较短
那很好，我不知道这一点。