<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
div{
text-align: justify;
}
</style>
</head>
<body>
<div>
<p>作者是一个文本:问题hi是:是滴是滴见风使舵:作者是一个文本:问题hi是:是滴是滴见风使舵:作者是一个文本:问题hi是:是滴是滴见风使舵:作者是一个文本:问题hi是:是舵:作者是一个文本:问题hi是:是滴是滴见风使舵:作者是一个文本:问题hi是:是滴舵:作者是一个文本:问题hi是:是滴是滴见风使舵:作者是一个文本:问题hi是:是滴滴是滴见风使舵:作者是一个文本:问题hi是:是滴是滴见风使舵:</p>
</div>
</body>
</html>
原理:text-align:justify;只对最后一行之前的行生效,如果你只有一行则需特殊处理。
1、使用text-align-last,并将其设置为justify。text-align-last不是所有浏览器支持。
2、手动添加一行最为最后行,并将其隐藏。