CSS로 표의 텍스트 서식 지정

기본 CSS 도움말이 필요합니다. 나는 CSS 스타일 시트를 사용하여 테이블의 셀 스타일을 시도했지만 테이블의 코드는CSS로 표의 텍스트 서식 지정

를 작동하지 않는 그 : 나는 브라우저의 기본값으로 이동하지 텍스트를 가지고있는 유일한 방법은

<table> 
<tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
          <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
          <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
          <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
           <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
           <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
           <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
           <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
              </table>

했다 명시 적으로 모든 단일 셀에로드 타임을 낭비하는 것처럼 보입니다 (그만큼 미미한 수준). 전체 테이블의 텍스트 크기를 설정하는 방법이 있습니까? 그것은 모두 같은 크기입니다. <p> 안에 테이블을 넣고 CSS 클래스를 사용하여 스타일을 지정했지만 작동하지 않았습니다. 중요한지 확실하지 않지만 XHTML 1.0을 사용하고 있습니다.

출처

2012-02-03 Chris

도움이 될까요? 'td, td a { font-size : 13px; }' – henryaaron

이와 같은 스타일은 상속되어야하기 때문에 table 태그에 스타일 속성을 넣을 수 있어야합니다. [jsfiddle] (http://jsfiddle.net/MrLister/er9wY/) 그게 효과가 없다고 말하는거야? –

정확히 작동하지 않는 것은 무엇입니까? – j08691

나는 테이블에 클래스를 추가합니다 :

<table class='myFormat'><tr>....</tr></table>

table.myFormat tr td { font-size: 13px; }

당신은이에 브라우저를 무엇을 말해 줄 수 있습니까?

출처

2012-02-03 21:05:30

감사합니다. 이제 작동합니다. – Chris

은 당신이 봤어 :

td { font-size: 13px }

또는 다음

td.myfontsize { font-size: 13px ; }

사용하여 :

class="myfontsize"

은 TD 태그에 적용?

출처

2012-02-03 21:01:11 skyburner

비록 모든 단일 행을 정의 할 필요가 싶지 않다 ... – Chris

글쎄, 당신이 좋아하는 무언가를 사용하는 경우 : td {font-size : 13px} 어떤 테이블의 모든 세포에 담요 스타일을 적용합니다. 그러나 그것이 당신이 원하는 페이지인지 확인하십시오. – skyburner

< 테이블을 < 테이블 스타일 = "font-size : 13px;"> (공백없이)로 변경하십시오. 테이블의 모든 텍스트가 바뀌어야합니다.

그렇지 않으면 클래스 또는 ID를 추가 할 수 있습니다.

출처

2012-02-03 21:25:11 ZyteX

CSS로 표의 텍스트 서식 지정

답변

관련 문제