//容器设定text-align:justify
.justify{
text-align: justify;
}
//容器里面的元素
.justify i{
width:24px;
line-height:24px;
display:inline-block;
text-align:center;
border-radius:50%;
}
//伪类这个必须写
.justify:after {
content: "";
display: inline-block;
position: relative;
width: 100%;
}
相关文章
- (原创)Linux下一定要4字节地址对齐操作
- ueditor图片无法左右对齐的解决
- 更改数据库字符集编码引起的问题、textarea标签输出内容时不能顶格(左对齐)输出
- CSS基本知识5-CSS对齐
- Python——Fibonacci斐波那契数列的函数fib(n) 输出前20项(每项宽度符位置,右对齐),每行输出10个 递归和非递归实现
- flex布局justify-content属性和align-items,align-self属性
- C语言输入输出(左端对齐,右端对齐,对齐补零……)
- js 如何去除字符两端的引号
- Bootstrap学习笔记之文本对齐风格
- eclipse怎样对java代码自动排版,快速格式化,快速使代码对齐?