li display: inline-block; задать ширину

173

Robick

11 апреля 2018, 19:35

442

Помогите решить вопрос -

ul width:100%;

li idisplay:inline-block;

как сделать что бы li распределялись на всю ширину ul вне зависимости от их количества?

т.е. если в ul 2 li, то li width было 50%

а если 3, то 33,333%, а если 4, то 25% и т.д.?

168

dma84

11 апреля 2018, 19:41

#1

Можно так, но не уверен, что все LI будут одинакового размера


ul{display:table;table-layout:fixed}
ul li{display-table-cell}

1

F

56

fmex

11 апреля 2018, 19:46

#2


ul {
    column-count: n;
    column-width: auto;
}
li {
    display: inline-block;
}

n = 1,2,3 ...

1

173

Robick

12 апреля 2018, 16:30

#3

dma84:
Можно так, но не уверен, что все LI будут одинакового размера


ul{display:table;table-layout:fixed}

ul li{display-table-cell}

Спасибо, работает ☝