2011-12-17 6 views
0

콘텐츠를 추가하려고하는 웹 사이트가 있습니다. 내 문제는 내가 이미지를 추가 할 때마다 그 이미지를 중앙에 놓아 두지 않는다는 것이다.<imc src=""> 태그가 CSS 스타일을 사용하지 않도록하려면 어떻게합니까?

#wrapper img { 
float: left; 
text-align: justify; 
} 

이 스타일이 하나의 단위로 표시되도록 왼쪽에있는 탐색 모음의 별도의 조각을 밀어하는 데 사용됩니다 다음있는 style.css 파일에서 다음 스타일이있다. 문제는 페이지에 이미지를 추가 할 때마다이 스타일을 호출하여 센터링을 방해하는 것입니다. 어쨌든 내가 이걸 우회 할 수 있니? 미리 감사드립니다.

답변

4

플로팅을 취소하려면 다른 CSS 줄을 추가하기 만하면됩니다. 요소를 중심에 놓으려는 경우 주변 요소에 따라 margin: auto;을 사용해야합니다.

HTML :

<img src="" id="imgImage" /> 

CSS : 당신은`#wrapper #imgImage {로`#의 imgImage` 규칙에 대한 특이성을 (필요 해요

#wrapper img { 
    float: left; 
    text-align: justify; 
} 
#imgImage { 
    float: none !important; 
    /* margin: auto; */ 
} 
+0

. ..}') 또는'#wrapper img'를 오버라이드 (override)하는'! important'가 있습니다. –

+0

을 추가했는데 어떤 이유로 #wrapper img가 여전히 우선 적용됩니다 –

+0

@ muistooshort의 제안에 따라 플로트 라인에'! important'를 추가했습니다. –

관련 문제