CSS笔记---文字两边对齐

Posted 青草圆

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS笔记---文字两边对齐相关的知识,希望对你有一定的参考价值。

<style>
        .box{
            width: 1000px;
            height: 500px;
            background-color: #aa0000;
            margin:0 auto;
        }
        .tester{
            width: 100px;
            height: 100px;
            background-color: #44931c;
            color:#fff;
            text-align: justify;
        }

        .tester>span{
            /*display: inline-block;*/
            padding-left: 100%;
        }
    </style>
    <div class="box">
        <div class="tester">
                你好呀 <span></span>
        </div>
    </div>

  

以上是关于CSS笔记---文字两边对齐的主要内容,如果未能解决你的问题,请参考以下文章

UIlabel文字两边对齐

文本的水平对齐方式,带来的一系列问题

css 文字怎么对齐左边的图标

怎样设置文字右对齐 css

css中让文字和图片对齐的问题

中间文字,两边横线的css3伪类的使用