크롬이 디스플레이 속성을 고려하지 않음

크롬이 "<table>"에서 사용되는 경우 "display:inline"을 존중하지 않는 특별한 이유가 있습니까? 모든 파이어 폭스에서 잘 작동하지만 어떤 이유로 크롬 내가크롬이 디스플레이 속성을 고려하지 않음

<table style="display:inline;"> 
    table stuff 
</table>

파이어 폭스 정렬 입력 할 때 옳은 일을하기를 거부 : firefox alignment http://dkarapet.userworld.com/cart_noDB/firefox_alignment.png

크롬 정렬 : chrome alignment http://dkarapet.userworld.com/cart_noDB/chrome_alignment.png

두 버전 모두 동일한 HTML 소스를 사용을 그 display 속성을 inline으로 설정합니다. 테이블은 개별적으로 다른 div 안에 싸여 있지 않으며 모두 하나의 큰 div 안에 들어 있습니다. html의 관련 부분은 pastie입니다.

출처

2010-07-13 davidk01

당신이 계신의 당기려면, 당신은 모든 TD이를 추가해야합니다

각 셀의 상단에 모든 것을 강제하고, 방법을 인라인으로 표시 할 것을 강제

<td valign="top">

그들을 원해. CSS가 필요 없습니다.

그것은 다음과 같이 코딩되어야한다 :

<table> 
<tr> 
    <td valign="top">item 1 info</td> 
    <td valign="top">item 2 info</td> 
    <td valign="top">item 3 info</td> 
</tr> 
<tr> 
    <td valign="top">item 4 info</td> 
    <td valign="top">item 5 info</td> 
    <td valign="top">item 6 info</td> 
</tr> 
</table>

편집 : 또는 (어떤 이유로) 당신이 TR을 사용하여 TD의하지 않는 경우 당신이 시도 할 수 있습니다 :

<table style="vertical-align:top;"> 
    table stuff 
</table>

출처

2010-07-13 08:06:30 Tim

고마워. 그것은 트릭을했다. 이제 크롬과 파이어 폭스에서 같은 방식으로 표시됩니다. 나는 심지어 IE에 신경 쓰지 않을거야. – davidk01

나는 내 의견에 16 분 전 이것을 가지고 있었다 : p –

@meder - 테이블의 적어도 세 가지 요소에 적용되는'vertical-align'에 대한 막연한 코멘트를 적어 놓았다. @ 팀은 트릭을 한 정확한 코드를 실제로 나열 했으므로 그 대답을 받아 들였습니다. – davidk01

시도 inline-block

출처

2010-07-13 07:01:44

분명히 올바른 대답입니까? 꿈처럼 작동하고 '세로 정렬 : 탑'보다 의미가 있습니까? – Hogsmill

왜 테이블 요소를 인라인으로 설정하겠습니까? 테이블을 보여줘야합니다. 사용자 오류 IMO.

모든 tr 및 td 요소의 표시 모드를 변경해야합니다. 그렇지 않으면 렌더링이 부적절하게 렌더링됩니다.

테이블이 다른 요소와 같은 줄에 있어야하는 경우 div를 테이블 주위로 감싸고 부동시킵니다. 테이블을 망치지 마십시오.

편집 : 마지막으로 언급 한 내용에 따라 vertical-align을 엉망으로 만들고 테이블 위에 놓아야합니다.

출처

2010-07-13 07:01:56

물론 이것은 유일한 현명한 대답입니다. –

그 이유는 무엇입니까? 때로는 테이블을 다른 테이블 위에 쌓는 대신에 서로 옆에 쌓아두기를 원하기 때문입니다. 어떻게 그게 사용자 오류입니까? – davidk01

@ davidk01 - 내 대답의 마지막 부분을 읽어보십시오. –

css 2.1은 inline-table을 정의합니다. 그것이 얼마나 광범위하게 지원되는지는 알 수 없지만, 그것이 당신이 찾고있는 것일 수도 있습니다. 스크린 샷에서, 그것은 당신이 정말로 원하는 것처럼 보이지만

http://www.w3.org/TR/CSS21/tables.html#table-display

는 수직 정렬을 제어 할 수 있습니다.

출처

2010-07-13 08:12:03

브라우저 지원 정보, http://www.w3schools.com/cssref/pr_class_display.asp –

크롬이 디스플레이 속성을 고려하지 않음

답변

관련 문제