css 文本两端对齐

发布时间：2020-12-01 11:34 作者：独孤剑阅读：95

css设置

text-align: justify

测试代码

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <style type="text/css">
        .demo1{
            width:200px;
            padding:10px;
            border:1px solid #ccc;
        }
        .demo2{
            text-align: justify;
            width:200px;
            padding:10px;
            border:1px solid #ccc;
        }
    </style>
    <title></title>
</head>
<body>
    普通效果
    <div class="demo1">
        这里是1测试2内容这e里是3测试内4容这d里是；测5试内容6这里是7测，试内容这里是8测试内容9这里是测10试内容这里。测试a内容这里是测试内c容这里是测试内容这v里是测试内容这里是测试内容这里是测试内容
    </div>

    <br /><br />
    两端对齐效果
    <div class="demo2">
        这里是1测试2内容这e里是3测试内4容这d里是；测5试内容6这里是7测，试内容这里是8测试内容9这里是测10试内容这里。测试a内容这里是测试内c容这里是测试内容这v里是测试内容这里是测试内容这里是测试内容
    </div>
</body>
</html>