표 텍스트 정렬 스타일 재정의 속성 정렬

내가 가지고 내 DIV를 중심으로해야 다음 표 :표 텍스트 정렬 스타일 재정의 속성 정렬

<table width="100%" height="100%"> 
    <tr> 
    <td align="center" valign="middle"> 
     <div id="someCenteredDiv"></div> 
    </td> 
    </tr> 
</table>

그러나 문제는 글로벌 스타일 느릅 나무가 정의합니다 때문이다 :

td { 
    vertical-align: top; 
    text-align: left; }

스타일 시트가 정렬과 valign 속성을 덮어 쓰는 것처럼 보입니다. 스타일을 재정의하려고 할 때

text-align: center;

단순히 변경되지 않습니다.

출처

2014-02-17 Max Meuten

은 id 또는 클래스를 사용합니다. 일반 태그 기반 스타일보다 기본 설정이 더 우수합니다. –

문제는 텍스트 정렬이 아닌 div의 가운데 맞추기와 관련이 있습니다. 가능하다면 텍스트 정렬 설정으로 인해 문제가 생겨서 어쨌든 작동하지 않을 것입니다. –

div는 블록 요소이므로 text-align : center를 사용하여 가운데 맞춤 할 수 없습니다. 그런 다음 당신이 사용할 수있는 오버 라이딩 스타일을 위해 margin: 0 auto;

출처

2014-02-17 19:51:39

감사합니다. 이제 작동합니다. 이상한 점은 align 속성을 가진 블록 요소에서만 작동한다는 것입니다. –

를 사용 display: inline-block;로 설정하거나에게 고정 폭을 줄 수! 중요한

td 
{ 
text-align: center !important; 
}

하고

다음과 같이 사용해야하는 div 요소를 중심을 맞 춥니 다 margin:0 auto과 함께 width이 할당되었습니다. 당신의 사업부가 고정 너비 경우

출처

2014-02-17 19:52:00 Boshi

이것은 작동하지 않습니다. –

당신 말이 맞아요. 나는 그 질문을 오해했다. 나는 내 대답을 편집하려고합니다. 가리키는 주셔서 감사합니다. – Boshi

당신은 사용할 수 있습니다

여백 : 0 자동;

div에 가운데 놓습니다. 텍스트 정렬은 인라인 요소에서만 작동하므로 div가 'display : inline'(또는 인라인 블록)으로 설정되지 않으면 가운데 정렬되지 않습니다.

출처

2014-02-17 19:52:23 Tautvydas

표 텍스트 정렬 스타일 재정의 속성 정렬

답변

관련 문제