CSS를 사용하여 div 안에 텍스트 정렬?

-3

enter image description here CSS를 사용하여 div 안에 텍스트 정렬?

한 줄에 수식의 두 부분을 정렬하는 방법. 주어진 그림을 보아라, 양쪽 부품은 div 안에있다. HTML 구조는 다음과 같이이다 ..

<div> 
    <table> 
    //the first part here(red circle) 
    </table> 
    second part here(blue circle) 
</div>

난 단지 사업부에 액세스 할 수 있습니다. 나머지는 동적으로 생성됩니다. 그래서 div 스타일을 제공함으로써 두 부분을 한 줄로 정렬 할 수 있습니다.

구조를 변경할 수 없습니다.

이 정렬 문제는 TinyMCE 편집기에서만 발생합니다. 정규 div에서 방정식을 인쇄 할 때, 이것은 올바르게 정렬됩니다.

제게 CSS 또는 tinyMCE 기능을 사용하는 솔루션을 제공해주세요. 정말 도움이됩니다.

감사합니다.

출처

2014-12-09 user3847937

을 살펴 정확히 정렬 뭐가 문제? 어떻게해야합니까? 정확한 HTML 출력은 무엇입니까? 이 경우 일반적인 HTML 구조는 전혀 도움이되지 않습니다. 정렬 만이 유일한 문제라면 '텍스트 정렬'을 사용할 수없는 이유는 무엇입니까? – Idra

텍스트 레이아웃을위한 테이블은 이상적이지 않습니다. –

당신은 이런 한 줄로을 보여주기 위해 블록을 인라인 디스플레이 속성을 설정할 수 있습니다 :

<html> 
    <div> 
     <table> 
     the first part here(red circle) 
     </table> 
     second part here(blue circle) 
    </div> 

    <style> 
      div { display:inline-block; } 
      table{display:inline-block;} 
      /* for IE6-7 */ 
      @media, 
       { 
        div { display: inline; margin-right:10px; } 
       } 
    </style> 
</html>

이 Fiddle example

출처

2014-12-09 10:43:52 Aminul

나는 스타일을 적용하거나 테이블을 포맷 할 수 없다. div 만 액세스 할 수 있습니다. 따라서 div 스타일을 지정해야합니다. – user3847937

업데이트 됨 내 대답을 확인하십시오 :) – Aminul

CSS를 사용하여 div 안에 텍스트 정렬?

답변

관련 문제