갤러리가 ul li로 되어 있어서 제목이 두 줄로 내려가면
세로로 정렬이 되지 않는데
table로 만드니까 꺠지구요..
수직으로 가운데 정렬 방법 없을까요
text-align:center말구 vertical-align:middle 식의 정렬이요.. ㅜ
|
답변 3개 / 댓글 2개
채택된 답변
+20 포인트
2016-06-07 (화) 16:51:52
해당 부분 스타일에 이렇게 넣어보세요.
display: table-cell;
vertical-align: middle;
답변에 대한 댓글 2개
2016-06-11 (토) 15:24:55
그런데 이 방법으로 해보니 수직적으로 중앙정렬은 잘되는데 적용되어 있는 marign과 padding값이 있을 경우는 그 값이 적용이 안되네요.
2016-06-07 (화) 17:02:24
아래와 같은 형태로 해주세요.
.text_area { width: 100%; height: 100px; background-color:#a9da4e;}
.text{ width:1000px; margin: 0 auto;}
<div class="text_area">
<ul class="text">
내용
</ul>
</div>
2016-06-07 (화) 16:53:02
line-height:15px;vertical-align:middle;
로 적용해보세요.
line-height에 픽셀값은 제가 임의로 지정한 것이므로 이 값을 변경해서 현재 레이아웃에 맞추어서 적용하시고요.
답변을 작성하려면 로그인이 필요합니다.