컴

[1원짜리팁] div나 span 등 에서 수직 정렬 두번째이야기

· 2014-05-09 (금) 19:29:00 · 6385 · 5
이미 아시는 분은 아시겠지만
div나 span은 수직 정렬이 안되요

이 전 게시물에서 수직 정렬 하는 방법을 올렸는데요

다른 방법이 또 있어요

이전 게시물에서 설명한

table-col 보다 코드가 더 추가 되지만 ,

잘 몰라서 네이버 검색하고 뭐하고 등등 고민하지 말고 그냥 쓰시면 되요

<div style="width:400px;height:400px;border:1px solid #ddd;">
      <table border=0 cellpadding=0 cellspacing=0 width=100% height=100%>
           <tr><td align=center valign=center>중앙정렬</td></tr>
    </table>

</div>

작업 할 시간도 부족한데...  이곳 저곳 찾아다니지 말고 그냥 이걸 이용해서 중앙 정렬 하면 되겠네요.


댓글 5개

<div style="width:400px;height:400px;border:1px solid #ddd;display:table-cell;text-align:center;vertical-align:middle;">
중앙정렬
</div>
참고 : 내부에 있는것의 속성이 inline 이거나 inline-block 일때 정렬됩니다.~
세로 100퍼센트 정렬을 잡으려고 많이 찾아다녔는대요 좋은정보 감사합니다 ^^
좋은 정보 감사합니다. ^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
14-05-18 조회 5,646
14-05-17 조회 7,049
14-05-15 조회 4,639
14-05-15 조회 5,574
14-05-15 조회 3,799
14-05-13 조회 4,892
14-05-13 조회 7,431
14-05-13 조회 4,558
14-05-13 조회 4,951
14-05-13 조회 3,656
14-05-11 조회 3,749
14-05-11 조회 4,509
14-05-11 조회 4,606
14-05-11 조회 4,607
14-05-09 조회 5,424
14-05-09 조회 4,162
14-05-09 조회 6,386
14-05-09 조회 6,416
14-05-09 조회 4,967
14-05-09 조회 7,732
14-05-09 조회 1.3만
14-05-08 조회 5,751
14-05-08 조회 4,212
14-05-07 조회 6,517
14-05-05 조회 5,626
14-05-01 조회 5,210
14-04-30 조회 4,379
14-04-30 조회 7,368
14-04-29 조회 3,985
14-04-27 조회 4,223
14-04-27 조회 4,881
14-04-26 조회 4,956
14-04-25 조회 4,918
14-04-25 조회 7,704
14-04-22 조회 4,654
14-04-21 조회 3,897
14-04-21 조회 5,028
14-04-17 조회 4,750
14-04-16 조회 5,589
14-04-16 조회 3,886
14-04-16 조회 4,582
14-04-15 조회 4,586
14-04-15 조회 4,536
14-04-15 조회 4,307
14-04-14 조회 4,289
14-04-14 조회 4,259
14-04-14 조회 4,634
14-04-14 조회 4,780
14-04-14 조회 4,761
14-04-13 조회 4,667
14-04-13 조회 4,995
14-04-13 조회 4,220
14-04-12 조회 4,237
14-04-12 조회 4,377
14-04-12 조회 4,484
14-04-11 조회 5,008
14-04-10 조회 4,479
14-04-10 조회 4,625
14-04-10 조회 9,098
14-04-10 조회 4,631
14-04-10 조회 4,744
14-04-10 조회 4,779
14-04-09 조회 4,936
14-04-09 조회 5,305
14-04-08 조회 6,971
14-04-07 조회 5,269
14-04-06 조회 3,895
14-04-06 조회 3,637
14-04-06 조회 3,784
14-04-05 조회 3,865
14-04-05 조회 4,270
14-04-05 조회 1.8만
14-04-02 조회 4,413
14-04-02 조회 3,415
14-04-02 조회 3,444
14-04-02 조회 3,877
14-04-01 조회 6,175
14-03-31 조회 3,781
14-03-31 조회 3,537
14-03-30 조회 3,539
14-03-30 조회 3,379
14-03-30 조회 3,847
14-03-30 조회 4,408
14-03-29 조회 3,333
14-03-29 조회 3,745
14-03-29 조회 4,404
14-03-28 조회 3,263
14-03-28 조회 4,087
14-03-28 조회 3,514
14-03-27 조회 3,660
14-03-26 조회 4,108
14-03-26 조회 4,437
14-03-26 조회 3,328
14-03-26 조회 3,902
14-03-26 조회 3,328
14-03-25 조회 6,524
14-03-25 조회 3,896
14-03-25 조회 4,179
14-03-25 조회 3,933
14-03-25 조회 3,467