Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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 文本水平溢出,但应垂直溢出_Html_Css - Fatal编程技术网

Html 文本水平溢出,但应垂直溢出

Html 文本水平溢出,但应垂直溢出,html,css,Html,Css,我的HTML文本是垂直水平的 上面这个是我用文本编写的代码 ` #盒子{ 宽度:250px; 高度:250px; 边框:2件纯黑; } CSS溢出 阿尔茨克夫;JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ;jlaksjdfaslkdjfaslkjlkjlkjlkjlkljlk;;SSsssssssssssssssssssssssssssssssssssssssssssss

我的HTML文本是垂直水平的

上面这个是我用文本编写的代码

`
#盒子{
宽度:250px;
高度:250px;
边框:2件纯黑;
}
CSS溢出
阿尔茨克夫;JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ;jlaksjdfaslkdjfaslkjlkjlkjlkjlkljlk;;SSssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss;氧指数

因为他的例子是将单词分开,它们会在需要时自动换行,因为你只有一个字符串,你需要告诉css自动换行


overflow wrap:break-word
添加到css中

您可以使用
word wrap:break-word

#box{
   word-wrap: break-word
 }

在测试代码中使用真实的文本(即文本之间有单词和空格),那么你的问题就会消失。。。
#box{
   word-wrap: break-word
 }