<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>helo</title>
<style type="text/css">
.div{
width:200px;
height:300px;
padding: 20px;
color:#;
background: red;
font-size: 16px;
font-family: Serif;
word-break:break-all;
text-align: justify;
}
</style>
</head>
<body>
<div class='div'>
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊aaaaaaaaaaaaaaaaaaaaaaaa
</div>
</body>
</html>
主要是text-align:jusity起作用了，你可以把这句css注释掉看看区别