前端开发

网络新概念,云计算、大数据、O2O、电商。。。。

{display:block;text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;padding:0 10px 0 10px;width: 160px;border: 1px red solid;}

txtalignboth.jpg

<style type="text/css">
    .box {
        display: block;
        width: 160px;
        height: 40px;
        line-height: 40px;
        margin: 5px auto;
        border: 1px red solid;
        font-size:16px;
        padding: 0 10px;
    }
    .align-both {
        text-align:justify;
        text-justify:distribute-all-lines;
        text-align-last:justify;}
    .btn {
        background: #fd853f;
        color: #ffffff;
        border-radius: 5px;
        text-align: center;
    }

</style>
</head>
<body>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="col-sm-12 col-md-4 col-lg-4">
            <div class="box align-both">用户姓名</div>
            <div class="box align-both">密码</div>
            <span class="box align-both">住址</span>
            <span class="box align-both">用户名</span>
            <span class="box btn">点击查看</span>
        </div>
    </div>
</div>