css处理文字个数不同对齐

上图：
微信图片_20191209100249.png

如图中三个文字与四个文字对齐方式。

属性text-align设置为justify（两端对齐，文字内容要超过一行）发现并没有实现想要的效果此时在行内加入空标签即可实现效果。

<div>联系人<i></i></div>
给i标签设置

i{
    display: inline-block;
    width: 100%;
    padding-left: 100%
 }
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • H5移动端知识点总结
    H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 10,122评论 0赞 26
  • H5移动端知识点总结
    移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 8,890评论 0赞 6
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 6,844评论 0赞 11
  • CSS基础
    CSS 是什么 css(Cascading Style Sheets)，层叠样式表，选择器{属性:值；属性：值}h...
    崔敏嫣阅读 5,345评论 0赞 5
  • 我在做移动端时遇见的css问题
    关于css常见问题，大多是移动端的。 简单的排版规则：条目与条目之间空两行，每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 10,463评论 0赞 9