Flex박스 텍스트 정렬 질문입니다.

[이니]

justify-content, text-align, 다 해봤는데 flexbox 안에 있는 텍스트는 요지부동입니다..

vertical-align도 안 먹히네요

nav-item에 margin 값을 주는 것으로 조절해야하는건지 궁금합니다.

🙁 어떻게 하면 플렉스 박스 안에 텍스트도 위, 중간, 아래 정렬이 될까요??

 

.nav-container {
    display: flex; 
    background-color: white;
    height: 50px;
    align-items: center;
    padding: 10px;
    
}

.nav-item {
    margin-right: 10px;
    padding: 15px;
}

[codingapple]

부모에 align-items 쓰면 됩니다

안되면 class 명이 틀렸거나

아니면 안의 글씨가 너무 크거나

부모 display : flex 박스가 너무작거나 그런 경우일듯합니다 

[이니]

텍스트가 들어가는 플렉스 박스에 text-align 속성을 적용 안 했더군요 ,, ㅎㅎㅎ
댓글 감사합니다!!

[글쓴이]

글