컴퓨터 엑셀 워드 포토숍 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post HTML] Q: 사진/이미지 올리는 IMG 태그에서 HREF 속성 사용법은?HTML] 웹 이미지(사진, 그림) 크기 변경/조정, 사진 사이즈 축소 태그 속성; Ima...울트라에디트, 파일 정렬(소팅), 텍스트 소트 방법; Text File Sorting Ul...도스(DOS)에서, 연월일(년월일)/시분초, 현재 날짜 구하기; get Date Time도스로 빠져 나가기, 윈도우에서 도스로; How To Exit To DOS배치파일] 랜덤 숫자 발생, 1~10 난수 생성; Random Number Batch Fi...엑셀/VBA] 배열 선언 초기화; VB ARRAY Initialize ExamplePerl/펄] 프랑스어 숫자 읽기, 서수로 세기; Number to French Spell...자바/Java] 한글 자소 분리 + 유니코드(UTF-8) 파일로 읽고 쓰기 버전; hang...배치파일] 요일 출력, 오늘 현재 요일만 구하기; Get DAY OF THE WEEK St...

HTML-CSS] 이미지/사진, 화면 가운데(중앙)로, 우측으로 정렬 방법; IMG Center Right

Friday, December 15, 2006

그림/사진을 화면 가운데 또는 우측으로 위치시키려면 다음과 같이 합니다.

그림을, 페이지 가운데로 이동


이미지 태그를 div 태그로 둘러싸 준 후, align="center" 라는 속성을 지정합니다. 그러면 그림이 웹페이지의 중앙에 위치하게 됩니다.

<div align="center"><img src="그림 주소" alt="그림 설명" /></div>


결과 예제:
그림 설명





그림을 페이지 우측으로 정렬


<div align="right"><img src="그림 주소" alt="그림 설명" /></div>

위와 같이 right 라는 값을 지정하면 우측 가장자리에 정렬됩니다.

결과 예제:
그림 설명





CSS 로, 가운데 정렬


<div style="text-align:center"><img src="그림 주소" alt="그림 설명" /></div>

그런데 이 방법은, 파이어폭스에서 잘 안 되는 경우가 있습니다.




텍스트/문단 정렬하는 법: ▶▶ HTML-CSS] 텍스트 중앙(가운데) 정렬, 양쪽/우측/좌측 맞춤 태그; Text Align Tag

☞ HTML/CSS/자바스크립트(JavaScript)

2 Comments:
At 8:15 PM, Blogger Wise View said...

잘보고 갑니다...

 
At 8:57 AM, Blogger mwultong said...

반갑습니다.

(∩_∩)

 

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top