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>

作者最新文章
做好网站维护需要具备哪些知识? 网站维护都需要做哪些内容?
C# Console 控制台禁止重复打开, 只能运行一个实例, 禁止多开
C# 正则获取网页内容, 抓取html源代码里的 title
C# 通过循环的方式遍历数组中不相同的元素
css 设置背景色的两种方式, 如何设置背景颜色?