mwultong Blog ... 프로그래밍 / 계산기

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

 
Friday, December 15, 2006

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


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

그림을 "페이지 가운데"로 이동 (중앙에 정렬)


이미지 태그를 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




tag: html
HTML | CSS | 자바스크립트 JavaScript

2 Comments:
At December 16, 2006 at 8:15 PM, Blogger Wise View said...

잘보고 갑니다...

 
At December 17, 2006 at 8:57 AM, Blogger mwultong said...

반갑습니다.

(∩_∩)

 

<< Home RSS 2.0 feed

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