自学内容网 自学内容网
自学内容网 > 正文

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

🕗 发布于 2024-11-08 19:11 前端  css3  

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

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>

诸君有用且点赞


原文地址：https://blog.csdn.net/qq_39016177/article/details/143621480

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

相关文章

自学内容网
Copyright © 2015-2024