Joomla 2.5에서 CSS3 flex가 작동하지 않습니다.

Question

Joomla 2.5.14 및 beez_20 템플릿을 웹 사이트의 기초로 사용하고 있습니다. 페이지에 CSS3 flex를 사용하려고했지만 작동하지 않습니다. 나는 여기에 HTML과 CSS 코드 검사 :

<div id="intro_container"> 
    <div class="square"></div><p></p> 
    <div class="square" ></div><p></p> 
</div> 

.square { background-color:red; width: 80px; height: 80px; } 
#intro_container  { width: 250px; height: 150px;border: 1px solid black;background:lightblue;display: flex;flex-direction: row;justify-content: space-around;  flex-wrap: wrap;} 

http://jsfiddle.net/ka01ntk1/4 을하지만 지금 같은 줌라 기사에 코드를 삽입 할 때 아무것도 표시되지 않습니다 : 내가 궁금하네요

<div id="intro_page"><a href="/index.php/what-to-do-now"><img id="logo_world_green_arrow" src="/templates/beez_20/images/e2tw/logo_world_green_arrow.png" alt="logo_world_green_arrow"   height="125px" width="110px" align="left"  ></a> <div id="intro_text"><p  id="intro_text"><span id="e2tw_title">Introduction</span> <a href="#" class="thai_btn">ไทย</a></p></div> 

여부 HTML5와 CSS3 일 beez_20 템플릿에 있습니다. 이것에 대한 도움은 많이 감사 할 것입니다.

Answer 1

Css 부분은 /templates/beez_20/css/template.css 끝 부분에 배치해야합니다. 그런 다음 기사 안에 코드를 추가하면 원하는 결과가 표시됩니다.

<div id="intro_text"><p id="intro_text">도 수정하십시오.

CSS는 more than one element with same id in a page을 허용하지 않습니다. 대신 다음과 같은 클래스를 사용할 수 있습니다 :

<div class="intro_text"><p class="intro_text">.

행운을 빌어 요!