웹 브라우저에서 이미지를 센터링하는 방법은 무엇입니까?

Question

업데이트.

웹 페이지 에 이미지를 가운데 맞춤하고 싶습니다. 다음 JQuery를 사용해 보았는데 내가 잘못하고있는 것을 알 수 없다.

웹 페이지는 여기에 있습니다 : http://aaa.sr

이 JQuery와 내가 사용하고 있습니다 : andreaslagerkvist.com/jquery/center/

을

은 내가 JS 파일을 여기에 넣어했습니다 aaa.sr /jquery.center.js

나는이 웹 사이트에서 내 질문에 단 하나의 링크 만 게시 할 수 있도록 새롭게 작성되었습니다. 어떤 도움을 주셔서 감사합니다. 감사!

Answer 1

트릭을 수행하는 것만 큼 간단한 것입니다. 나는 현재의 문제에 대한 해결책을 제시 할뿐만 아니라 단락 태그를 폐기하라는 (반드시 필요한 것은 아닙니다) 제안하고 이미지 태그에 alt 설명을 추가 할 것을 제안하기 위해 제 답을 남기로했습니다.

이 CSS :

#container {text-align: center;} 

그리고이 HTML :

<div id="container"> 
<img src="http://aaa.sr/aaasr.png" alt="Fil donya lazim tikabbar, Fil net mafeesh gheir aaa.sr"> 
</div> 

당신이 간단한 웹 사이트에 필요한 모든이어야한다.

Answer 2

JQuery를 사용하여 이미지를 중앙에 배치하는 이유는 무엇입니까? div에 text-align:center을 입력하거나 블록으로 표시하고 왼쪽 및 오른쪽 여백 auto을 할당하는 등의 방법으로 이미지를 가운데에 배치 할 수 있습니다. 이것은 단순한 오래된 CSS입니다.

Answer 3

CSS를 사용하는 것이 더 쉬울 것입니다.

p > img { margin: 0 auto } 

Answer 4

주요 문제 : 공간의

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://aaa.sr/jquery.center.js"></script> 
<script type="text/javascript"> 
$('#my-element').plugIn(); 
</script> 

    </body> 

모든 실제로 구문 분석 오류가 발생 바꿈하지 않는 공간이다. HTML validator이이를 감지합니다!