float2N-1 ~ 6
ul,ol 태그에 삽입되어 하위 li의 가로폭을 해상도에 따라 고르게 분할 시킵니다.
float2N-1
코드
<ul class="float2N-1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
설명
컨텐츠를 1분할(100%)로 활용할때 사용합니다.
결과화면
- 1
- 2
- 3
- 4
- 5
- 6
float2N-2
코드
<ul class="float2N-2">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
설명
컨텐츠를 2분할로 활용할때 사용합니다.
결과화면
- 1
- 2
- 3
- 4
- 5
- 6
float2N-3
코드
<ul class="float2N-3">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
설명
컨텐츠를 3분할로 활용할때 사용합니다.
결과화면
- 1
- 2
- 3
- 4
- 5
- 6
float2N-4
코드
<ul class="float2N-4">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
설명
컨텐츠를 4분할로 활용할때 사용합니다.
결과화면
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
float2N-5
코드
<ul class="float2N-5">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
설명
컨텐츠를 5분할로 활용할때 사용합니다.
결과화면
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
float2N-6
코드
<ul class="float2N-6">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
</ul>
설명
컨텐츠를 6분할로 활용할때 사용합니다.
결과화면
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
