经常前端网页会有需求设置文字对齐, 例如:
姓名
联系方式
蠢一点的做法是加空格
姓 名
联系方式
但是不同字体所对的空格是不同的, 这和设计师所设计字体时的规定有关系.
span{
width: 5em;
display: inline-block;
line-height: 20px;
height: 20px;
text-align: justify;
overflow: hidden;
}
span::after{
content: '';
display: inline-block;
widht: 100%;
}
<div>
<span>姓名</span><br>
<span>联系方式</span>
</div>
使用伪类设置文字对齐 经常前端网页会有需求设置文字对齐, 例如: 蠢一点的做法是加空格 但是不同字体所对的空格是不...
主要使用的是伪类元素，思路如下： 父元素为块级元素，且定位为relative，目的是方便伪类元素相对齐定位。 伪类...
伪类：单冒号，基于元素的当前状态进行设置； 伪元素：双冒号，设置指定元素样式； 伪类 基于元素的当前状态进行设置。...
话不多说，直接看代码 在父级元素设置伪类。在伪类中设置content: '';设置边框border: 0.5em ...
对齐方式 文字水平对齐 设置高度和行高一样即可 让盒子和文字基于中线对齐 vertical-align: mid...
1 创建UILabel对象 2 设置frame 3 设置背景颜色 4 设置文字 5 设置文字颜色 6 居中对齐 7...
文本溢出样式设置 文本超出容器以后： 换行显示 超出容器部分也显示 伪类和伪元素 伪类和伪元素 都是css中的伪类...
伪类：CSS 伪类用于向某些选择器添加特殊的效果。 伪元素：CSS 伪元素用于向某些选择器设置特殊效果。 1、伪类...
超链接标签的CSS伪类包括link,visited,hover,active。 1. a伪类解释： link：设置...
属性 设置内容 设置字体颜色 设置对齐方式 设置字体大小 背景颜色 换行模式 设置最小收缩比例 设置行数 设置文字...
本文标题：伪类设置文字对齐
本文链接：https://www.haomeiwen.com/subject/jivzkqtx.html
网友评论