Question

我有一个看起来像这样的HTML文件

<!DOCTYPE html>
<html>
<head>
  <title>Postgraduate students</title>
</head>
<body align = "center">

<h2>Postgraduate Students</h2>


   <br></br>
  <table align = "center" border = "5" width = "50%">
    <thead colspan = "4">
      <tr>
        <th>NAME</th>
        <th>Registration No.</th>
    </tr>
   </thead>

  <tbody>
      <tr>
          <td>IDI Mohammed</td>
          <td>SEP16/COMP/001X</td>
     </tr>

     <tr>
         <td>LUBINGA Robert</td>
         <td>SEP16/COMP/002U</td>
     </tr>
  </tbody>
 </table>
 </body>

如何让td中的内容从表格的左边界线开始？现在桌子看起来像这样。

Answer 1

为了在表格中进行文本对齐，您必须使用tex-align css属性

<body align="center">
  <h2>Postgraduate Students</h2>
  <table align="center" border="5" width="50%">
    <thead colspan="4">
      <tr>
        <th>NAME</th>
        <th>Registration No.</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>IDI Mohammed</td>
        <td>SEP16/COMP/001X</td>
      </tr>

      <tr>
        <td>LUBINGA Robert</td>
        <td>SEP16/COMP/002U</td>
      </tr>
    </tbody>
  </table>

点击此链接：Jsfiddle

tbody>tr>td {
  text-align: left
}

Answer 2

采取＆＃39; align =＆＃34; center＆＃34;＆＃39;用＆＃39;＆＃34;左＆＃34;＆＃39;取而代之。

Answer 3

首先，删除align属性，因为这已过时＆amp;已弃用，不应再使用。

MDN

注意：请勿使用此属性，因为它在最新标准中已过时（不受支持）。


要获得与left，center，right或justify值相同的效果，请在其上使用CSS text-align属性。

默认情况下，所有tbody文字都会左对齐。

要使表格居中，只需使用margin:auto。

table {
  margin: auto;
}

<table border="5" width="60%">
  <thead colspan="4">
    <tr>
      <th>NAME</th>
      <th>Registration No.</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>IDI Mohammed</td>
      <td>SEP16/COMP/001X</td>
    </tr>

    <tr>
      <td>LUBINGA Robert</td>
      <td>SEP16/COMP/002U</td>
    </tr>
  </tbody>
</table>

Answer 4

为了将文本对齐到td的左侧，可以使用CSS属性text-align并将值设置为“left”。

http://www.w3schools.com/cssref/pr_text_text-align.asp

<head>
    <title>Postgraduate students</title>
    <style type="text/css"> 
        td{text-align:left;}
    </style> 
</head>

您可以尝试修改这样的头部内容以进行快速测试，但我建议您使用css文件。

Answer 5

您必须将此添加到css样式：

tbody＆gt; tr＆gt; td { text-align：left }

如果我是你，我会摆脱对齐：中心。

html内容以相同的缩进开始

5 个答案: