如有帮助，请给个赞或者关注鼓励一下吧！
文字两端对齐，常用于表单左侧
先上效果图：
下面是样式代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.alignment {
margin: 0px auto;
width: 100px;
/* border: 1px solid black; */
text-align: justify;
text-align-last: justify;
}
.alignment:after {
content: '';
display: inline-block;
width: 100%;
}
</style>
</head>
<body>
<div class="alignment">姓名</div>
<div class="alignment">手机号码</div>
<div class="alignment">账号</div>
<div class="alignment">密码</div>
</body>
</html>
复制这两个css样式过去，给你要进行文字两端对齐的div（或其他元素）加上class名即可！
.alignment {
margin: 0px auto;
width: 100px;
/* border: 1px solid black; */
text-align: justify;
text-align-last: justify;
}
.alignment:after {
content: '';
display: inline-block;
width: 100%;
}
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
