수직 div 정렬 방법?

세로로 파란색 배경의 텍스트와 아이콘 (fb 등)을 정렬 할 수 있습니까? 세로 정렬, 디스플레이 : 테이블 등을 사용하려고했으나 문제가 해결되지 않았습니다.수직 div 정렬 방법?

제발 도와주세요. 감사!

2014-06-11 komon

여기에 의미있는 코드와 문제 설명을 추가하십시오. 수정이 필요한 사이트에 을 연결하면 안됩니다. 그렇지 않으면 문제가 해결되면이 방문자는 향후 방문자에게 어떤 값도 표시되지 않습니다. 문제를 나타내는 [짧은, 자체 포함, 올바른 예 (SSCCE)] (http://www.sscce.org/) 게시하면 더 나은 답변을 얻는 데 도움이됩니다. 자세한 내용은 [내 웹 사이트의 일부 기능이 작동하지 않습니다.를 참조하십시오. 에 대한 링크를 붙여 넣을 수 있습니까?] (http://meta.stackexchange.com/questions/125997/) 감사합니다. – j08691

아마도 올바른 방법으로 표시 및 수직 맞춤 속성을 사용하지 않았을 것입니다.

는 다음 스타일을 사용

.align { 
    display: table; 
    height: 100%; 
    ... 
} 

.vertical { 
    display: table-cell; 
    vertical-align: middle; 
}

또한이 수직 정렬에 대한 일반적인 관행 것을 알 수 있지만 단 하나.

출처

2014-06-11 15:16:42

당신은 할 수 : 기본적 div의 높이와 같은 값에 사업부에 텍스트의 라인 높이를 설정하는

.vertical { 
display: table-row; 
line-height: 2em; 
}

출처

2014-06-11 15:17:28 MikeWu

이 경우 해결되지만 여러 줄 시나리오에서 문제가 될 수 있습니다. –

CSS 클래스 bar-menu-left, bar-menu-right 및 bar-icons에서 부동을 제거하십시오. 싶은 것은 수직 정렬하는 경우

출처

2014-06-11 15:20:23

모든 텍스트와 아이콘 당신은 .bar-menu-left, .bar-menu-right 및 .bar-icons 클래스에서

float:left;을 제거해야합니다.

출처

2014-06-11 15:23:24

수직 div 정렬 방법?

답변

관련 문제