固定宽度–文字多少不一样–需要文字充满整个宽度

1.场景–登陆页面

这样显示显然不太行

那我们想要是这种情况吗–用户名和密码都充满真个宽度的div

2.代码实现—其中一个重要属性最为关键

text-align-last: justify
css

<style>.user{width:60px;background-color: aqua;margin-bottom: 10px;/* 充满整个div的属性 */text-align-last: justify;
}
.pass{width: 60px;background-color: rgb(122, 212, 212);margin-bottom: 60px;/* 充满整个div的属性 */text-align-last: justify;
}</style>

html

    <div class="user">用户名</div><div class="pass" >密码</div>

诸君有用且点赞