需求
需要文字两端对齐。
解决方法:
1.计算空格
通过数空格方式实现。
2.使用css样式
// 对单行文本有用
// text-align: justify;
//强制文本对齐
text-align-last: justify;
3.空标签实现
参考链接
要使文字两端对齐,我们还得使用一个行内空标签来助阵,比如、等等,这里是我用标签
<div>我们还得使用一个行内空标签来助阵!<i></i></div>
div i{
display:inline-block;
/*padding-left: 100%;*/
width:100%;
}
padding-left: 100%和width:100%都可以达到效果,选用其一即可
但是加入HTML元素又违反了结构表现分离的原则,我们可以改用after、before伪元素:
div:after {
content: " ";
display: inline-block;
width: 100%;
}