div中文字没有自动换行

设置了div的各种属性，但是设置的一长串ssssssssssssssssss字符，没有自动转换到div块中，任然是一行，超出浏览器边界的一行

<!DOCTYPE html>
<html>
<head>
    <title>div的属性设置实验</title>
    <link rel="stylesheet" type="text/css" href="div.css">
</head>
<body>
    <div id="div1">
        ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
    </div>
</body>
</html>

#div1{
    background-color: deeppink;
    width: 150px;
    height: 150px;
    top: 150px
    left: 150px;
    position: absolute;
}

小慧的骑士 2019-11-08

源自：CSS浮动 2-1 div设置（上）

收起

2回答

提问者小慧的骑士 2019-11-08 22:16:26

关键问题是这样的：如果是一长串英文字母，并且没有空格分离，就如同我提问中的一长串ssss,那么浏览器会将其解释为一个单词（很长的一个英文单词）那么无论是div还是p标签，都不能控制它的显示

收起回答

好帮手慕阿莹 #1

是的，浏览器不能把一个单词折成两行哦，就好比一个汉字不能拆成两半显示哦。但div可以设置超出部分隐藏，overflow:hidden;给div设置这个属性哦，则超出div部分就会被隐藏掉。如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

2019-11-09 09:57:24