CSS3 - 文字自动换行
2019-03-15 本文已影响0人
Hyso
word-break 属性用于设置换行规则。可选值有：
1）normal：使用浏览器默认的换行规则。
2）break-all：允许在单词内换行。
3）keep-all：只能在半角空格或连字符处换行。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.box {
width: 200px;
height: 200px;
border: 1px solid #CCCCCC;
word-break: break-all;
}
</style>
</head>
<body>
<div class="box">啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa111111111111111111111111111111</div>
</body>
</html>
