테이블의 내용을 HTML로 조절하십시오.

이렇게 테이블을 만듭니다.테이블의 내용을 HTML로 조절하십시오.

<table border="1"> 
      <tr> 
       <td width="250px" rowspan="2"><input type="image" src="dash.jpg" name="image" style=width:50% height="100"> </td> 
       <td width="1100px" align="center" valign ="top"><div id="head1" style="font-size: 55px;letter-spacing:3px">Sample programming html</div></td> 
       <td width="300px" align="center" valign ="top"><span id="subhead1" style="font-size: 25px;letter-spacing:3px">Chap: <label id = "l1" style = "color:white;font:normal 22px chalkdust;">1</label></span><br> 
        <span id="subhead2" style="font-size: 30px;letter-spacing:3px"> <input type="text" id="text2" disabled="disabled" value="0" style= "color: #fff; font-size: 18pt;"/> - POINT</span> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="3" align="center" style="position: relative;" valign ="top"> 
        <div id="head2" style="font-size: 25px;letter-spacing:4px">1-COORDINATE GRID</div></td> 
      </tr> 
      <tr><td colspan="3" align="center"><hr id="line" color="#fff" size="2" width="75%"></td></tr> 
     </table>

나는 내용의 그것과 중앙의 내용 "샘플 프로그래밍 HTML"과 "1 좌표 GRID는"정확히 센터를 원한다. 다양한 코드를 사용하지만 "샘플 프로그래밍 html"의 중심에 정확히 정렬하지 않습니다. 아무도이 문제를 해결할 수 있습니다.

출처

2012-07-10 Dineshkani

이 질문은 JavaScript 또는 HTML5와 어떤 관련이 있습니까? – j08691

그게 당신이 원하는거야 : http://jsfiddle.net/nnLQ9/? –

첫 번째와 세 번째'td' 셀의 폭이 서로 다른 경우 ('50px '떨어져있는 경우) 중앙 열의 내용을 정확히 가운데에 넣는 것이 불가능하지 않습니까? – FlyingMolga

td 셀의 너비가 다르므로 텍스트 맞춤을 직접 조정하려면 왼쪽 또는 오른쪽 패딩 CSS 속성을 사용할 수 있습니다.

<div id="head2" style="padding-left:250px..../>

출처

2012-07-10 15:43:26

행에서 colspan = "3"을 제거하면 할당됩니다.

<tr> 
      <td align="center" style="position: relative;" valign ="top"> 
       <div id="head2" style="font-size: 25px;letter-spacing:4px">1-COORDINATE GRID</div></td> 
</tr>

출처

2012-07-10 15:53:54 Dineshkani

테이블의 내용을 HTML로 조절하십시오.

답변

관련 문제