php로 한 줄과 두 줄 세로정렬 방법 없나요?

Fin12

2016-06-07 (화) 16:44:30 4,338

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

세로로 정렬이 되지 않는데

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

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

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

정렬

채택된 답변

+20 포인트

작은별

2016-06-07 (화) 16:51:52

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

display: table-cell;

vertical-align: middle;

port

2016-06-11 (토) 15:24:55

그런데 이 방법으로 해보니 수직적으로 중앙정렬은 잘되는데 적용되어 있는 marign과 padding값이 있을 경우는 그 값이 적용이 안되네요.

Fin12

2016-06-30 (목) 15:02:20

엄청 요긴하게 썼어요! 밑에 댓글분도 감사합니다.

천사별

2016-06-07 (화) 17:02:24

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

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

내용

</ul>

</div>

port

2016-06-07 (화) 16:53:02

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

로 적용해보세요.

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

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