IE7에서 a 를 중심으로 할 수없는 이유는 무엇입니까?

StackOverflow https://stackoverflow.com/questions/1413466

  •  06-07-2019
  •  | 
  •  

문제

Firefox에서 "C"는 처음에 CSS Blurb로 인해 중앙에 있습니다. IE7이 왜 그것을 좌회전합니까?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <style type="text/css">
td {
  text-align: center;
  width: 130px;
}
    </style>
  </head>

  <body>
    <div style="width: 300px; background-color: #888">
      <table>
        <tbody>
          <tr>
            <td>A</td>
            <td>B</td>
          </tr>
          <tr>
            <td colspan="2">C</td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>
도움이 되었습니까?

해결책

당신이 가지고 있기 때문에 일어납니다 width: 130px;. 예를 들어 작은 셀에 대해서만 폭을 설정하십시오.

td.span {
  width:auto;
}

<td colspan="2" class="span">C</td>

See example: http://jsbin.com/etoka
당신은 또한 다른 방법으로 그것을 할 수 있습니다 - 작은 셀, 전체 행 또는 최상의 수업을 제공하십시오 : <table>.

다른 팁

페이지의 중앙에있는 객체 위치에 항상 이것을 사용 하여이 기능은 IE FF Safari Chrome Opera와 같은 모든 인기있는 브라우저에서 작동합니다.

<center> This is my centered text</center>

문제가 해결되면 투표 해주세요

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top