求教!!!
css小白 需要具体的code
---------- 华丽的分隔线
感谢所有回答过flex和兼容性问题的大佬!~
要兼容的话用text-align: justify;吧,ie7ok
.justify{
text-align: justify;
text-justify: inter-ideograph;
}
.justify i{
width:24px;
line-height:24px;
height: 24px;
display:inline-block;
background:#333;
text-align:center;
color:white;
border-radius:50%;
overflow: hidden;
font-style: normal;
}
.justify:after{
content: '';
width: 100%;
position: relative;
display: inline-block;
}
.justify b{
display: inline-block;
position:relative;
height:0px;
width:100%;
}
<div class="justify">
<i>1</i>
<i>2</i>
<i>3</i>
<i>4</i>
<i>5</i>
<!--[if lte IE 7]>
<b></b>
<![endif]-->
</div>
父集
{
display: flex;
display: -webkit-flex; /* Safari */
justify-content: space-between;
}
3 回答2k 阅读✓ 已解决
3 回答1.2k 阅读✓ 已解决
5 回答872 阅读✓ 已解决
2 回答2.4k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
4 回答1.5k 阅读
2 回答1.7k 阅读✓ 已解决
关于兼容,传送门。