前端开发
网络新概念，云计算、大数据、O2O、电商。。。。
css控制文字两端对齐的方法
2017-09-28 11:35:01
{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;}
<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>