标签宽度确定，让文字在标签内平均分布

<div class="basic-info"><div class="basic-info__username"><div class="left"><span class="text">用户名</span><span class="value">{{ info.userName }}</span></div><div class="right">修改</div></div><div class="basic-info__mobile"><span class="text">手机账号</span><span class="value">{{ info.mobile }}</span></div><div class="basic-info__sex"><div class="left"><span class="text">性  别</span><span class="value">{{ info.sex === 1 ? '男' : '女'}}</span></div><div class="right">修改</div></div><div class="basic-info__authority"><span class="text">角色权限</span><span class="value" v-if="info.authority === '1'">超级管理员</span><span class="value" v-if="info.authority === '2'">管理员</span><span class="value" v-if="info.authority === '3'">审核人员</span><span class="value" v-if="info.authority === '4'">上传人员</span></div>
</div>

方法一

.text {text-align-last: justify; // 让文字在标签内平均分布width: 80px;font-size: 20px;font-weight: 400;color: #5D5F62;line-height: 20px;
}

方法二

.text {text-align: justify;width: 80px;font-size: 20px;font-weight: 400;color: #5D5F62;line-height: 20px;
}
.text:after {display: inline-block ; content: ''; padding-left: 100%;
}

标签宽度确定，让文字在标签内平均分布相关推荐

scrapy xpath获得a标签内的br em标签文字内容
scrapy xpath获得a标签内的br em标签文字内容需要爬取的标签实例需要爬取的标签 <a title="[完整版]大哥别杀我" href="//ww ...
td标签内文字内容颜色改变
td标签使用style样式改变文字内容颜色解决方法: <td style="color: red"> 我是td </td> 这种方式是没有效果的. 正确方 ...
实现一个行内三个div等分_一个div，包含三个小的div,平均分布的样式
从11月份开始,自学前端开发,写静态页面中,经常用到一个大的div下包含三个小的div,平均分布div大小样式,写过多次,也多次忘记,每次都要现找资料,不想之后,在这么麻烦,索性今天自己记录一下,方便 ...
marquee(文字滚动)标签
marquee(文字滚动)标签 marquee简介 <marquee>标签,是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动 ...
html文本纵向居中,css使a标签内文本垂直居中
css使a标签内文本垂直居中 a标签属于行内元素,默认情况下是不支持设置宽高的,仅依靠内容来"撑大自己".这时我们需要用css的display属性并且值设置为block即可.这么设 ...
html中section与div,如何在html中的section标签内包含div标签
我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签我的第一部分有一个容器div, ...
Mybatis系列：解决foreach标签内list为空的问题
我把之前发布在简书的两篇文章通过拦截器Interceptor优化Mybatis的in查询和Mybatis中foreach标签内list为空的解决方案进行了整合,整理为本文的内容.此外,我还对代码部分 ...
php 删除指定html标签,总结php删除html标签和标签内的内容的方法
经常扒别人网站文章的坑们:我是指那种批量式采集的压根不看内容的,少不了都会用到删除html标签的函数:这里介绍3种不同用途上的方法: $str=' 这里是p标签这里是a标签 '; 1:删除全部或者保 ...
标签内联事件和event对象
event对象在IE和firefox下表现是不同的.在IE下,event是window对象的一个属性,是在全局作用域下的,而在firefox里,event对象是做为事件的参数存在的: ======== ...

标签宽度确定，让文字在标签内平均分布

标签宽度确定，让文字在标签内平均分布相关推荐

最新文章

热门文章