XHTML 1.0 Transitional 표 스타일링

XHTML 1.0 Transitional 웹 페이지의 표 행에 테두리와 패딩을 추가하려고합니다 (아래 코드를 참조하십시오). 페이지의 유형을 다른 것으로 변경하면 테두리 행과 패딩을 테이블 행과 셀에 추가 할 수 있다는 것을 알고 있습니다. 하지만 XHTML 1.0 Transitional에서는 전혀 작동하지 않습니다.XHTML 1.0 Transitional 표 스타일링

DOCTYPE을 변경할 수 없다는 것을 고려할 때, 테이블에 테두리와 패딩을 추가하려면 어떻게해야합니까? 당신이 각 셀의 주위를 원하는 경우

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
    <head> 
     <style> 
      table 
      { 
       border: solid 1px black; 
      } 

      tr 
      { 
       /* Doesn't work */ 
       margin: 10px; 
       border: solid 1px black; 
      } 
     </style> 
    </head> 
    <body> 
     <table> 
      <tbody> 
       <tr> 
        <td>1</td> 
        <td>2</td> 
        <td>3</td> 
       </tr> 
       <tr> 
        <td>4</td> 
        <td>5</td> 
        <td>6</td> 
       </tr>     
      </tbody> 
     </table> 
    </body> 
</html>

출처

2010-07-13 Martin

가 보는 시도 경우에 테두리와 여백 작품 td.

td 
{ 
    margin: 10px; 
    border: solid 1px black; 
}

만약 그렇다면 중앙 셀만 위쪽/아래쪽 여백을 만들어야합니다.

출처

2010-07-13 01:09:45

경계선이 작동합니다. 그러나 마진은 그렇지 않습니다. – Martin

는 TD 요소가 아닌 TR에 스타일을 적용 : 당신이 그럴에서 원하는 가정, 나는이 작품 왜 전혀 모르겠지만, 국경 붕괴를 추가 나는 TD 요소에 패딩을 적용 갈 것, 여백에 대한

  table 
      { 
       border: 1px solid black; 
       border-collapse:collapse; 
      } 

      tr 
      { 
       /*use if you want the lines to be per row instead of per cell*/ 
       border: 1px solid black; 
      }

: 테이블에 TR 국경 작업을 할 것입니다

  td 
      { 
       padding: 10px; 

       /*use if you want lines between each cell*/ 
       border: 1px solid black; 
      }

출처

2010-07-13 01:06:46

답변

관련 문제