源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  CSS 如何实现文字两端对齐

CSS 如何实现文字两端对齐

分类: 文章 • 2023-12-29 19:39:04

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;
}

最终效果

CSS 如何实现文字两端对齐

转载:https://github.com/jawil/blog/issues/29

相关推荐

  • 如何使用HTML和CSS在图像上添加文字?(代码示例)
  • 如何巧妙实现文字变语音?其实文字转语音助手就很好
  • CSS实现鼠标经过,文字下方横线划过特效
  • 如何用ae插件Typemonkey 实现文字混排效果
  • 如何实现录音转文字,这个方法很管用
  • Vue下是如何实现CSS私有作用域的
  • 二十三、css如何实现锯齿形---border-image
  • 如何实现文字转语音、语音合成?看完这篇你就懂了
  • 纯css实现文字下划线悬浮【中心向两边扩展】、鼠标移开【两边向中心收缩】特效
  • 文字的动态运动效果在Vegas中该如何实现?
  • QOS FEC NACK 实时音视频传输库测试报告(声网、腾讯实时音视频测试)
  • 存储系列篇(New Begin)之三种存储技术及基本概念
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号