테스트 사이트 - 개발 중인 베타 버전입니다

div 세로정렬은 어떻게 설정하나요? 채택완료

헐크매니아 8년 전 조회 3,825

인터넷에 찾아봐도 제가 원하는 답은 없는거같네요.

div를 세로로 긴 형태로 만들었다고 했을때

그 박스안에 글을 쓰면 높이의 중앙부터 글이 써지는데 그 시작을 박스의

맨 위부터 시작하도록 하려면 어떻게 해야되나요?

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

답변 3개

채택된 답변
+20 포인트
8년 전

아래와 같이 수정해주세요. 정상작동하는 것 확인했습니다.

<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>

 

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

답변에 대한 댓글 1개

헐크매니아
8년 전
<div id="manu1">
<td valign="top"><img src="images/logo.jpg" width="210" height="110" alt="logo"></td>
<p>&nbsp;</p>
</div>

이걸로 했네요;; 혹시 디스플레이를 테이블로하면 테이블로 취급되는건가요?

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

8년 전

박스 상단부터 글 시작하게 하려면 아래와 같이 해주세요.

<div style="vertical-align:top;">
내용
</div>  

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

답변에 대한 댓글 3개

헐크매니아
8년 전
저는 div에 버티컬 얼라인 뭐 어떤값을 적용해도 값 적용이 안되네요.
천사별
8년 전
소스를 먼저 올려주시면 답변하는데 더 도움이 되지 않을까합니다.
헐크매니아
8년 전
이렇습니다.

<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;
}

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

8년 전

아래와 같이 해주세요.

<div style="text-align: left;" align="left">

내용

</div>

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

답변에 대한 댓글 2개

헐크매니아
8년 전
알려주신건 좌우 정렬아닌가요?
천사별
8년 전
첫번째는 왼쪽정렬이고 두번째는 상단정렬입니다.
<div style="text-align:left; vertical-align:top;">
내용
</div>

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

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

로그인