div 세로정렬은 어떻게 설정하나요?
본문
인터넷에 찾아봐도 제가 원하는 답은 없는거같네요.
div를 세로로 긴 형태로 만들었다고 했을때
그 박스안에 글을 쓰면 높이의 중앙부터 글이 써지는데 그 시작을 박스의
맨 위부터 시작하도록 하려면 어떻게 해야되나요?
답변 3
아래와 같이 수정해주세요. 정상작동하는 것 확인했습니다.
<style type="text/css">
#manu1 {
width: 210px;
margin-left: 30px;
float: left;
background-color: #000;
display:table;
}
#manu1 .logo { display:table-cell; vertical-align:top; }
</style>
<div id="manu1">
<p class="logo"><img src="images/logo.jpg" width="210" height="110" alt="logo"></p></div>
<div id="manu1">
<td valign="top"><img src="images/logo.jpg" width="210" height="110" alt="logo"></td>
<p> </p>
</div>
이걸로 했네요;; 혹시 디스플레이를 테이블로하면 테이블로 취급되는건가요?
아래와 같이 해주세요.
<div style="text-align: left;" align="left">
내용
</div>
알려주신건 좌우 정렬아닌가요?
첫번째는 왼쪽정렬이고 두번째는 상단정렬입니다.
<div style="text-align:left; vertical-align:top;">
내용
</div>
박스 상단부터 글 시작하게 하려면 아래와 같이 해주세요.
<div style="vertical-align:top;">
내용
</div>
저는 div에 버티컬 얼라인 뭐 어떤값을 적용해도 값 적용이 안되네요.
소스를 먼저 올려주시면 답변하는데 더 도움이 되지 않을까합니다.
이렇습니다.
<div id="manu1">
<img src="images/logo.jpg" width="210" height="110" alt="logo"></div>
#manu1 {
width: 210px;
margin-left: 30px;
float: left;
background-color: #000;
}