'정렬'에 해당되는 글 3건

  1. 2008/01/24 DIV를 이용해 가운데 정렬 (1)
  2. 2007/05/26 비쥬얼하게 이해하는 정렬(Sort) 알고리즘
  3. 2007/05/25 PHP : natsort() Natural order sorting 로 숫자를 제대로 정렬
2008/01/24 16:39

DIV를 이용해 가운데 정렬




http://flumpcakes.co.uk/css/center-div-ie
 

div 테그를 이용해 표시되는 박스 형태의 레이아웃을 화면 가운데로 정렬하고 싶어하는 경우가 있습니다.

이럴때 대부분 table 테그에서 align=center를 많이 써 보셨기 때문에 text-align:center 를 사용하시는 경우가 많은데요.


이럴때는 다음과 같이 margin:0 auto; 를 사용하셔야 제대로 표현할 수 있습니다.


다음 사이트를 확인해보시면 보실 수 있습니다.


http://flumpcakes.co.uk/css/center-div-ie




크리에이티브 커먼즈 라이선스
Creative Commons License
올블로그추천버튼 블코추천버튼 블로그뉴스추천버튼 믹시추천버튼 한RSS추가버튼 구글리더기추천버튼


이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^


Trackback 1 Comment 1

Trackback : http://i-ruru.com/trackback/265 관련글 쓰기

  1. Subject div 가운데 정렬

    Tracked from 해피포터의 행복한 프로그래밍 2009/02/17 13:00 delete

    http://ruru.tistory.com/entry/DIV%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4-%EA%B0%80%EC%9A%B4%EB%8D%B0-%EC%A0%95%EB%A0%ACmargin: 0 auto;이때 margin 0의 주는 의미는 뭘까?화면상의 차이는 없는데

2007/05/26 23:11

비쥬얼하게 이해하는 정렬(Sort) 알고리즘

매번 기억하면서도 까먹는게 바로 정렬(Sort) 알고리즘 입니다.

정렬 알고리즘에 따라 걸린시간 / 추가횟수 그리고 처리되는 과정을 비쥬얼하게 보여주니 상당히 좋군요  ^ ^

출처는 http://teamblog.joinc.co.kr/yundream/134 여기 있습니다.

아래는 원문의 애플릿부분만 가져왔습니다.






자바애플릿 프로그램은 http://math.hws.edu/TMCM/java/xSortLab 에서 배포되고 있습니다. 이 문서를 제대로 읽기 위해서는 JRE가 설치되어 있어야 합니다. JRE는 http://www.java.com/en/download/help/5000010400.xml 에서 다운로드 받을 수 있습니다.
크리에이티브 커먼즈 라이선스
Creative Commons License
올블로그추천버튼 블코추천버튼 블로그뉴스추천버튼 믹시추천버튼 한RSS추가버튼 구글리더기추천버튼


이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^


Trackback 0 Comment 0

Trackback : http://i-ruru.com/trackback/58 관련글 쓰기

2007/05/25 11:01

PHP : natsort() Natural order sorting 로 숫자를 제대로 정렬

꽤 유용한 함수를 발견했습니다.

사실 이전부터 있었던 거지만 잘 사용하진 않았네요...

natsort는 배열을 사람이 정렬한것 처럼 구현해주는 알고리즘입니다. 사람이 정렬한것처럼 보여지는 알고리즘을 "natural ordering" 이라고 합니다.
예제 코드를 보시고 사용법을 확인해 보시기 바랍니다. ^^
예제는 PHP 메뉴얼에서 ^^;

Source :

<?php
$array1
= $array2 = array ("img12.png", "img10.png", "img2.png", "img1.png");

sort($array1);
echo
"Standard sorting\n";
print_r($array1);

natsort($array2);
echo
"\nNatural order sorting\n";
print_r($array2);
?>

Output:
Standard sorting
Array
(
    [0] => img1.png
    [1] => img10.png
    [2] => img12.png
    [3] => img2.png
)

Natural order sorting
Array
(
    [3] => img1.png
    [2] => img2.png
    [1] => img10.png
    [0] => img12.png
)

Natural Ordering에 대한 자세한 내용은 http://www.naturalordersort.org/ 참조하세요 ^^/"
크리에이티브 커먼즈 라이선스
Creative Commons License
올블로그추천버튼 블코추천버튼 블로그뉴스추천버튼 믹시추천버튼 한RSS추가버튼 구글리더기추천버튼


이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^


Trackback 0 Comment 0

Trackback : http://i-ruru.com/trackback/42 관련글 쓰기