php로 한 줄과 두 줄 세로정렬 방법 없나요?
본문
갤러리가 ul li로 되어 있어서 제목이 두 줄로 내려가면
세로로 정렬이 되지 않는데
table로 만드니까 꺠지구요..
수직으로 가운데 정렬 방법 없을까요
text-align:center말구 vertical-align:middle 식의 정렬이요.. ㅜ
답변 3
해당 부분 스타일에 이렇게 넣어보세요.
display: table-cell;
vertical-align: middle;
그런데 이 방법으로 해보니 수직적으로 중앙정렬은 잘되는데 적용되어 있는 marign과 padding값이 있을 경우는 그 값이 적용이 안되네요.
엄청 요긴하게 썼어요! 밑에 댓글분도 감사합니다.
line-height:15px;vertical-align:middle;
로 적용해보세요.
line-height에 픽셀값은 제가 임의로 지정한 것이므로 이 값을 변경해서 현재 레이아웃에 맞추어서 적용하시고요.
아래와 같은 형태로 해주세요.
.text_area { width: 100%; height: 100px; background-color:#a9da4e;}
.text{ width:1000px; margin: 0 auto;}
<div class="text_area">
<ul class="text">
내용
</ul>
</div>
답변을 작성하시기 전에 로그인 해주세요.