2012-10-12 6 views
-1

나는 뭔가를 해왔고 일부 CSS 문제에 집착하고 있습니다. 당신이 볼 수 있듯이, 그들 옆에 십자가와 함께 나열되는 두 개의 항목이센터 플로팅 DIV를 세로로 맞추기

http://sharepress.atwebpages.com/temp/

:이 있습니다. 나열된 두 번째 항목에서 여러 줄로 된 단락을 볼 수 있습니다. 이처럼 여러 줄의 단락을 세로로 가운데 정렬하는 방법을 알고 싶었습니다.

+0

메이크업처럼 예를 들어 뭔가 그래서 position:absolute; top: 50%; margin-top: -10px;

을 줄 수 부모 "li"의 상대적인 위치. 50 % & margin-top : 십자가 아이콘 높이의 절반. – SVS

+0

질문을 자급 자족하십시오. 이제는 문제를 해결 했으므로 미래의 유용성에 대한 링크가 곧 사라질 것입니다. – Sparky

+0

이것은 당신에게 유용 할 것입니다 :) http://stylizedweb.com/2008/02/01/vertical-align-div/ – Wazan

답변

1

이 같은 문제처럼 거의 소리 :-)

여러분의 도움과 시간을 여러분 모두 감사합니다. 귀하의 브라우저 지원에 따라 다르지만 디스플레이 : table-cell은 최신 브라우저를위한 좋은 방법입니다. 답변에 대한 자세한 내용은 여기를 참조하십시오. 는 X가 일정 높이 인 경우

Vertical Align a DIV with dynamic height inside another DIV

(예를 들어 20 픽셀 여기), 당신은 단지 컨테이너 사업부 position:relative과 X

.taskItemLi { 
    position:relative; 
} 
.delbtn { 
    position: absolute; 
    top: 50%; 
    margin-top: -10px; 
    right: 0; 
} 
관련 문제