메뉴 건너뛰기

조회 수 7468 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부


가끔 DIV를 테이블과 같이 사용할 경우가 생깁니다.


아래는 제가 사용할때 참고한 예제 입니다


<!doctype html>
<html lang="kr">
<head>
  <meta charset="utf-8">
  <title>demo</title>
  <style>
    .container {
      display: table;
      }
 
    .row  {
      display: table-row;
      }
 
    .left, .middle, .right {
      display: table-cell;
      }
    </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script>
    $('form input').keydown(function(e) {
        if (e.keyCode == 13) {
            $('form').submit();
        }
    });
  </script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="left" style="background-color:red">
                <h4>1.Left Col</h4>
            </div>
 
            <div class="middle" style="background-color:yellow">
                <h4>1.Middle Col</h4>
            </div>
 
            <div class="right" style="background-color:blue">
                <h4>1.Right Col</h4>
            </div>
        </div>
        <div class="row">
            <div class="left" style="background-color:purple">
                <h4>2.Left Col</h4>
            </div>
 
            <div class="middle" style="background-color:green">
                <h4>2.Middle Col</h4>
            </div>
 
            <div class="right" style="background-color:pink">
                <h4>2.Right Col</h4>
            </div>
        </div>
    </div>
</body>
</html>



  1. No Image 11Sep
    by
    2016/09/11 Views 7179 

    [jQuery Plugin] FCKeditor 2.6.5 사용법

  2. No Image 06Oct
    by
    2016/10/06 Views 7181 

    zeroclipboard - 클립보드 복사하기(자바스크립트 클립보드 복사하기)

  3. Table을 DIV로 표현하기 (예제)

  4. No Image 26Mar
    by
    2021/03/26 Views 1368 

    selectbox multiple 선택한 값들 submit 해서 받기

  5. No Image 26Mar
    by
    2021/03/26 Views 568 

    SELECTBOX MULTIPLE 검색하기

  6. No Image 21Sep
    by
    2016/09/21 Views 9065 

    select box 값 변경, 목록 변경

  7. No Image 22Dec
    by
    2016/12/22 Views 6470 

    scrolling to top

  8. No Image 25Mar
    by
    2021/03/25 Views 170 

    radio 제어하기

  9. Query 기초 (동적 테이블 (데이터 추가 / 삭제), integrateTable(정렬(sort))

  10. No Image 31Mar
    by
    2021/03/31 Views 225 

    prepend / append - element 추가 (부모/자식 관계)

  11. No Image 21Sep
    by
    2016/09/21 Views 9202 

    POST 방식으로 인수를 전달하고 그 결과를 받아오기

  12. popModal jQuery Plugin Examples / 무료 jQuery 팝업 플러그인

  13. No Image 31Mar
    by
    2021/03/31 Views 216 

    parent of the iframe element selector

  14. Magnific popup conflict with "jquery.nicescroll"

  15. No Image 21Sep
    by
    2016/09/21 Views 6412 

    load() 메소드

  16. No Image 04Jun
    by
    2019/06/04 Views 745 

    JS 타이머 샘플

  17. No Image 04Jun
    by
    2019/06/04 Views 694 

    JS 첵박스 샘플

  18. No Image 04Jun
    by
    2019/06/04 Views 788 

    JS 날짜 자료 비교

  19. No Image 27Mar
    by
    2017/03/27 Views 8704 

    jquery를 활용한 입력폼 초기화하기

  20. jQuery를 이용한 스크롤 따라니는 배너를 쉽게 맨들기(scroll follow)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved