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

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

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

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • table css样式_html table居中

    table css样式_html table居中12345html简单的table样式67/*gridtable*/8table.gridtable{9font-family:verdana,arial,sans-serif;10font-size:11px;11color:#333333;12border-width:1px;13border-color:#666666;14bor…

    2022年9月20日
  • xp 架设网站服务器软件,xp架设ftp服务器软件

    xp 架设网站服务器软件,xp架设ftp服务器软件xp架设ftp服务器软件内容精选换一换由于智能写Cache是华为自研闭源工具,仅支持华为鲲鹏处理器使用。需在所有云服务器上安装DataProvider软件,SAP技术支持人员通过该软件收集云服务器所在的平台信息,以便在SAP系统故障、性能下降时进行定位和分析。SAPNetWeaver所在的服务器上,在创建服务器的时候需要为其指定名为DataproviderAccess的Agency,同时也需…

    2022年7月21日
  • golang 软件激活码-激活码分享

    (golang 软件激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~F…

    2022年3月28日
  • pycharm更换版本_pycharm community怎么改成中文

    pycharm更换版本_pycharm community怎么改成中文旧版本的存在mangerepositories,但是最新的社区版去除了最新方式:更换清华源,并选择相信其他源:阿里云http://mirrors.aliyun.com/pypi/simple/中国科技大学https://pypi.mirrors.ustc.edu.cn/simple/豆瓣(douban)http://pypi.douban.com/simple/清华大学https://pypi.tuna.tsinghua.edu.cn/simple/……

    2022年8月29日
  • mybatislogplugin激活码【中文破解版】

    (mybatislogplugin激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    2022年3月27日
  • 搭建ganglia集群而且监视hadoop CDH4.6

    搭建ganglia集群而且监视hadoop CDH4.6

    2022年1月18日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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