본문 바로가기

html&css

css flex

플렉스로 2 컬럼 나누기

 

https://stackoverflow.com/questions/51971417/two-column-vertical-numbered-lists-with-flexbox

 

Two-column vertical-numbered lists with Flexbox

I'm sure this must be a duplicate, but I cannot find any related answers because so many people are referring to flexbox elements as "lists", when they're not actually using <ul> or <ol>...

stackoverflow.com

 

 

제일 쉬운방법이다

 

ol { display:flex; flex-wrap:wrap; flex-direction:row; max-height: 30px}
ol li { flex:1 1 auto; width:40%; }

'html&css' 카테고리의 다른 글

:not 과 nth-child 선택자  (0) 2022.03.24

태그