테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

php로 한 줄과 두 줄 세로정렬 방법 없나요? 채택완료

Fin12 9년 전 조회 4,081
답변 3
목록

 

갤러리가 ul li로 되어 있어서 제목이 두 줄로 내려가면

세로로 정렬이 되지 않는데

table로 만드니까 꺠지구요..

수직으로 가운데 정렬 방법 없을까요

 

text-align:center말구 vertical-align:middle 식의 정렬이요.. ㅜ

#정렬
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
작
작은별
9년 전

해당 부분 스타일에 이렇게 넣어보세요.

display: table-cell;

vertical-align: middle;

 

http://blog.naver.com/smartbiker/30190159300">http://blog.naver.com/smartbiker/30190159300 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

p
port
9년 전
그런데 이 방법으로 해보니 수직적으로 중앙정렬은 잘되는데 적용되어 있는 marign과 padding값이 있을 경우는 그 값이 적용이 안되네요.
F
Fin12
9년 전
엄청 요긴하게 썼어요! 밑에 댓글분도 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

천
천사별
9년 전

아래와 같은 형태로 해주세요. 

.text_area { width: 100%; height: 100px; background-color:#a9da4e;} .text{ width:1000px; margin: 0 auto;}

    내용

  

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

p
port
9년 전

line-height:15px;vertical-align:middle;

로 적용해보세요.

line-height에 픽셀값은 제가 임의로 지정한 것이므로 이 값을 변경해서 현재 레이아웃에 맞추어서 적용하시고요. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인