css 文本两端对齐

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

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>

微信打赏, 微信扫一扫

支付宝打赏, 支付宝扫一扫

如果文章对您有帮助,欢迎给作者打赏

作者最新文章
拜登称政府正调查燃油公司黑客攻击事件 确定该公司网络被勒索软件感染
云南大理森林消防直升机坠入洱海:4名机组人员不幸遇难
jquery $.ajax()方法参数详解
java 使用 itext 导出 PDF 文本绝对定位, itext 绝对定位的方法
杭州野生动物世界“金钱豹出逃”发布致歉声明
企业信息查询系统