어디에서나 바로가기 기능을 사용하실 수 있습니다. 주메뉴 이동은 알트 키 플러스 1 키이고, 본문 이동은 알트 키 플러스 2 키입니다.

몽9에디터


본문 영역

플루트(float)

몽9 에디터 floatgrid 의 단점을 보안하기 위해 만들어졌습니다.
grid는 한줄에 최대 6개까지만 나눌 수 있습니다. 허나 우리는 갤러리처럼 3X5, 5X5 처럼 같은 규칙으로 많이 표현하고 싶은 경우가 많습니다.
그리드(grid)로는 이를 표현할 수 없습니다.
그래서 .float-n 을 만들게 되었습니다. .float-n의 단점은 모든 넓이는 같다는 것입니다.
상황에 맞게 gridfloat를 적절히 활용하세요.

소개

  • 주로 <ul><ol>태그에 .m9-float-n 를 삽입하여 사용할 수 있습니다
  • 열의 간격은 .m9-spacing-n 클래스로 조정할 수 있습니다. 1부터 3까지 조정 가능합니다.
    .m9-spacing-1, .m9-spacing-2, .m9-spacing-3

m9-float-1

하위 <li>를 1개(100%)로 분할할 때 사용합니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

코드


m9-float-2

하위 <li>를 2분할 합니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

코드


m9-float-3

하위 <li>를 3분할 합니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

코드


m9-float-4

하위 <li>를 4분할 합니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

코드


m9-float-5

하위 <li>를 5분할 합니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

코드


m9-float-6

하위 <li>를 6분할 합니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

코드


간격

.m9-spacing-n 이 없을때

<li>의 간격이 0em으로 적용됩니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

코드


.m9-spacing-1

<li>의 간격이 1em으로 적용됩니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

.m9-spacing-2

<li>의 간격이 2em으로 적용됩니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

코드


.m9-spacing-3

<li>의 간격이 3em으로 적용됩니다.

결과

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

코드


스타일시트

CSS

TOP
사용자 영역
몽9커뮤니티 QR코드
주소 : 경상남도 김해시 김해대로 2301 302호
대표전화 : 070-7325-6354
팩스 : 055-715-6601
메일 : mong9mail@gmail.com
Contacts
  • +82-70-7325-6354
    +82-55-715-6601(FAX)
  • 604 Ho,3 Dong,21, Bongambuk 7-gil, Masanhoewon-gu, Changwon-si, Gyeongsangnam-do, Republic of Korea
Copyright Mong9 Community Co., Ltd.
All Rights Reserved.