css 文字两端对齐

css 文字两端对齐

.justify-label {
    white-space: normal;
    width: 100px;
    text-align: justify;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.justify-label:after {
    content: " ";
    display: inline-block;
    width: 100%;
}

使用:(一定要有空格,兼容其他浏览器)

<div>
    <div class="justify-label">姓 名</div></div>
<div>
    <div class="justify-label">联 系 方 式</div></div>
<div>
    <div class="justify-label">邮 箱</div></div>

 

转载于:https://www.cnblogs.com/kaibo520/p/10622408.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/101013.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • python menuconfig_如何配置 ESP32 Menuconfig

    python menuconfig_如何配置 ESP32 Menuconfig如何配置ESP32Menuconfig准备我们可以有2种方式进入menuconfig模式1在Eclipse界面启动MenuConfigTarget(需参照如何使用安信可ESP系列一体化开发环境IDF章节);2打开Cygwin.bat,进入工程目录,执行makemenuconfig指令。这2种方法最终实现的效果都是一致的,您可以根据自己的需要进行选择。介绍执行…

  • Eurake和Zookeeper的区别

    Eurake和Zookeeper的区别拉取方式zookeeper通知消费者来拿Eurake是定时去拿集群方式zookeeper分主从eureka没有主从之分设计角度不同capc 一致性 a 可用性 p 分区容错区 如果zookeeper的主集群挂掉之后那么整个zookeeper的集群就无法对外提供服务,大多数情况可以容忍一段时间的脏数据但是不能接收整个注册中心无法对外提供服务。所以在设计时zookeeper强调cp(c在官网的解释是一致性,底层有一个queu…

  • android 平板重装系统,平板电脑系统重装方法「建议收藏」

    不少用户想要平板电脑重装,但是不知如何操作,为此有些为难。平板电脑是跟笔记本电脑方便携带出现的物品,不会意味着台式机电脑会退出电脑界,2020年新的开始新的一年,让许多的电脑品牌竞争激烈起来。平板电脑也叫便携式电脑,是一款以触摸屏作为基本的输入设备,无须翻盖、没有键盘、小到放入女士手袋,但是却功能完整的PC。可是满不满足可以重装系统的条件,下面小编整理了平板装系统的方法。1、系统重装支持ARIM构…

  • 遍历QMAP「建议收藏」

    遍历QMAP「建议收藏」QMap<QString,QString>::iteratoriter=m_map.begin();while(iter!=m_map.end()){qDebug()<<“Iterator”<<iter.key()<<“:”<<iter.value();/…

  • linux重启tomcat进程,Linux系统重启tomcat服务的方法详解「建议收藏」

    Linux系统下tomcat服务的重启需要通过命令来解决。下面由学习啦小编为大家整理了Linux系统重启tomcat服务的方法详解,希望对大家有帮助!Linux系统重启tomcat服务的方法详解一在Linux系统下,重启Tomcat使用命令操作的!首先,进入Tomcat下的bin目录cd/usr/local/tomcat/bin使用Tomcat关闭命令./shutdown.sh查看Tomcat是…

  • csharp: 用Enterprise Library对象实体绑定数据

    csharp: 用Enterprise Library对象实体绑定数据EnterpriseLibrary: https://msdn.microsoft.com/en-us/library/ff648951.aspx//////是否存在该记录/////////publicboolExists(stringReportID){

    2022年10月20日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号