優(yōu)點(diǎn)知識(shí)Prometheus 入門(mén)到實(shí)戰(zhàn)
2022-11-15 16:38 作者:娜娜絡(luò)絡(luò) | 我要投稿
flex + calc
HTML:
<div class="container">
? ?<div class="inner">
? ? ? ?<ol>
? ? ? ? ? ?li*10 ? ? ? ?</ol>
? ?</div></div>
CSS:
.container{
? ?width: 960px;
? ?margin: 0 auto;}ol{
? ?display: flex;
? ?justify-content: space-between;}li{
? ?calc(25% - 8px) ? ? //20%*父元素寬度 - 8px}
標(biāo)簽: