您的位置:首页 > Web前端 > CSS

CSS 如何实现文字两端对齐

2017-12-25 09:58 274 查看

CSS
 如何实现文字两端对齐

需求

红框所在的文字有四个字的、三个字的、两个字的,如果不两端对齐可以选择居中对齐,或者右对齐。但是如果要想文字两端对齐呢?

代码

<div>姓名</div>
<div>手机号码</div>
<div>验证码</div>
<div>账号</div>
<div>密码</div>
div{
margin:10px 0;
width:100px;
border:1px solid red;
text-align-last: justify;
}

最终效果



转载:https://github.com/jawil/blog/issues/29
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  文字对齐