ExtJS Panel 안에 P Tag 의 margin 이...

프로젝트를 사내에 배포하여 사용하고 있는데 에디터에서 보이는 모양과 다르게 볼 때는 이상하게 나오는 것이었습니다.


원인은 P 태그...

더보기

<br/> <p>가</p><p>나다라마바사<br />아자차카</p><p>아잉</p><br/>


위와 같은 태그의 결과값은 다음과 같기를 희망합니다.

하지만 ExtJS 패널에 HTML 을 넣어보면 다음과 같이 나오게 됩니다.

P 태그의 마진이 하나도 먹지 않은 상태인 것입니다.


P 태그의 스타일이 다른 곳에 영향을 받으면 안되기에 ExtJS 패널에 my_panel 이라는 class를 주고

아래와 같은 스타일을 정의한 후 다시 테스트 해보았더니...

<br/> <style>.my_panel P {margin-top:10px;margin-bottom:10px;}</style><br/>

어느정도 원하는 결과가 나왔습니다. 10px 보다 더 줘야 하나봅니다.

흠...

이것 때문에 XML 다 열어서 <BR /> 다 넣어주고 난리가 아니였습니다.

결재 문서라 조금 크리티컬 했기에 -_ㅜ...

왜 그런걸까요... 어디선가 CSS 의 조작이 있는듯한데 일단은 땜방!!!