2012-10-16 2 views
0

을 사용하지 않고 테이블과 같은 정렬을 가져 오기 :실제로 내가 이것을 달성 할 수있는 방법 테이블

<h2 style="display:inline;" id="optiona" class="option optiona optiona1">a. a   </h2> 
<h2 style="display:inline;" id="optionb" class="option optionb optionb1">b. aaa   </h2> 
<br /> 
<h2 style="display:inline;" id="optionc" class="option optionc optionc1">c. aaa   </h2> 
<h2 style="display:inline;" id="optiond" class="option optiond optiond1">d. aa   </h2> 

내가 자바 스크립트 옵션도 개방 이니 이런 식으로 뭔가 (및 CSS)를 사용하여

<table border="0"> 
    <tbody> 
    <tr> 
     <td style="margin-right:5px;"> 
     <h2 id="optiona" class="option optiona optiona2">a. aa   </h2> 
     </td> 
     <td style="margin-right:5px;"> 
     <h2 id="optionb" class="option optionb optionb2">b. a   </h2> 
     </td> 
    </tr> 
    <tr> 
     <td style="margin-left:5px;"> 
     <h2 id="optionc" class="option optionc optionc2">c. aa   </h2> 
     </td> 
     <td style="margin-left:5px;"> 
     <h2 id="optiond" class="option optiond optiond2">d.    </h2> 
     </td> 
    </tr> 
    </tbody> 
</table> 

및/또는 jQuery
PS 나는 콘텐츠에 대해 제로의 권한을 가지고 있으며 오히려 길 수도 있습니다. (너무 길면 tee're가 너무 길어서 랩이 필요하지만 자동으로 발생한다고 생각합니다.) 그래서 고정 된 너비가 없습니다.
표에서 가장 긴 셀이 200px라고 말하면 전체 열은 200px가됩니다. html과 css를 사용하면 어떻게됩니까?

a.aaaaa b.a 
c.a  d.aaa 
+1

사용 된 div 및 레이아웃에 대한 CSS, 내가 css' 당신에게 줄 것으로 div의 테이블을 정렬'인터넷 검색을 믿고 희망 – Ibu

+1

외부 CSS 대답. – gdoron

+0

거의 모든 결과는 div를 사용하여 테이블 내부의 텍스트 가운데 맞추기와 관련이 있습니다. @Ibu DIV와 CSS로 어떻게 할 수 있습니까? – jackson5

답변

1

당신은 테이블을 모방 display 속성을 사용할 수 있습니다 H2 요소는 다음과 같이 줄을 위해 기본적으로 필요. 하지만 오래된 브라우저에서 작동하는지는 알 수 없습니다.

http://ecommercedeveloper.com/articles/1941-css-display-table-display-table-row-and-display-table-cell/

http://ajaxian.com/archives/display-table

호환성 :

http://caniuse.com/css-table

+0

덕분에 나는 디스플레이 : 인라인 블록을 두 div에 사용하고 테마에 h2s를 넣었습니다. 감사. – jackson5

+0

문제 없습니다. 가능한 경우 더 간단한 경로를 사용하는 것이 좋습니다. –

관련 문제