当前位置: 首页 > news >正文

CSS文本两端对齐

背景

如果我们要写了列表或表单类的样式,名称长短不一,但是想要两端对齐,如下面这样的:
在这里插入图片描述
你是怎么写的?
是这样的吗,在HTML里调整加空格:

 <ul><li>用户名</li><li>账  号</li><li>验证码</li></ul>

那么如果有很多个这样的名称呢,如果字数为2、3、4、5、6个字呢?你要一个个改?一个个加空格?

解决方案

先上代码:
在这里插入图片描述
效果图:
在这里插入图片描述

原理

CSS属性text-align:justify:内联元素左侧与块级元素左侧对齐,且内联元素右侧与块级元素右侧对齐, 即两端对齐
具体属性详解,请大家搜索吧!本文仅提供思路。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • StringJoiner更优雅创建含分隔符的字符序列
  • k8s数据卷(volume)管理
  • 深度学习 - 数据存储形式对比(pkl/CSV/JSON等)
  • 设计模式的概念
  • qt-声明、宏
  • 【深度学习】【语音】TTS,Matcha-TTS,测试效果,训练中文,chinese
  • YOLOv8添加MobileViTv3模块(代码+free)
  • 指针基础知识(笔记)
  • 用uniapp 及socket.io做一个简单聊天app 踢人拉黑 7
  • 2024年计算机类学术会议有哪些
  • 什么是oled?
  • 初识增强现实(AR)
  • ubuntu20从docker安装到制作自己的镜像使用记录
  • leetcode数论(2521. 数组乘积中的不同质因数数目)-质因素分解
  • 垃圾收集器
  • __proto__ 和 prototype的关系
  • 【Linux系统编程】快速查找errno错误码信息
  • ES6 学习笔记(一)let,const和解构赋值
  • go append函数以及写入
  • iOS 系统授权开发
  • js学习笔记
  • JWT究竟是什么呢?
  • MySQL用户中的%到底包不包括localhost?
  • Nacos系列:Nacos的Java SDK使用
  • node-glob通配符
  • nodejs实现webservice问题总结
  • Python利用正则抓取网页内容保存到本地
  • Rancher-k8s加速安装文档
  • Ruby 2.x 源代码分析:扩展 概述
  • SpiderData 2019年2月13日 DApp数据排行榜
  • Vultr 教程目录
  • 快速构建spring-cloud+sleuth+rabbit+ zipkin+es+kibana+grafana日志跟踪平台
  • 区块链技术特点之去中心化特性
  • 如何设计一个微型分布式架构?
  • 删除表内多余的重复数据
  • 数组的操作
  • 跳前端坑前,先看看这个!!
  • 微信小程序上拉加载:onReachBottom详解+设置触发距离
  • 《TCP IP 详解卷1:协议》阅读笔记 - 第六章
  • Android开发者必备:推荐一款助力开发的开源APP
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • 好程序员大数据教程Hadoop全分布安装(非HA)
  • # 职场生活之道:善于团结
  • #Lua:Lua调用C++生成的DLL库
  • $.each()与$(selector).each()
  • (2)空速传感器
  • (Matlab)使用竞争神经网络实现数据聚类
  • (第9篇)大数据的的超级应用——数据挖掘-推荐系统
  • (更新)A股上市公司华证ESG评级得分稳健性校验ESG得分年均值中位数(2009-2023年.12)
  • (含react-draggable库以及相关BUG如何解决)固定在左上方某盒子内(如按钮)添加可拖动功能,使用react hook语法实现
  • (未解决)jmeter报错之“请在微信客户端打开链接”
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (一)Linux+Windows下安装ffmpeg
  • (原創) 如何使用ISO C++讀寫BMP圖檔? (C/C++) (Image Processing)
  • (转)Oracle存储过程编写经验和优化措施