Question

我正在寻找一些HTML帮助。我将如何在单元格中集中移动文本块，同时保持其对齐保持不变。我不希望文本全部显示，因为我将使用无序列表。我只想将文本块移动到单元格的中心。

Answer 1

您可以将文本放在div中并将div托管在表格单元格内。文本将遵循div中指定的css样式，其中div本身将位于单元格的中心。

你给出的例子做了同样的事情。它将细胞分成多个细胞并将文本放在中间。

Answer 2

<table id="sub-content" style="width: 100%;">
  <tbody>
    <tr>
      <th>Departments</th>
      <th>KPI Types</th>
      <th>Bonus</th>
    </tr>
    <tr>
      <td>
        <ul>
          <li>dfgsdgfdfg</li>
        </ul>
      </td>
      <td>
        <ul>
          <li>sdfgsdfgsdfg</li>  
        </ul>
      </td>
      <td>
        <ul>
          <li>sdgsdfgsdffgsdgf</li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>

如果您将<h1>标记作为列标题，则应使用实际的表标题（<th>标记）。现在，在CSS中你可以说：

th { text-align:center; }

修改

#sub-content td{ padding:0px 60px; }

并且所有表格标题都将居中，而表格中的所有列表都将对齐到左侧。

这种方法更为标准。

JSFiddle

对齐单元格中心内的内容，但保持文本左对齐

2 个答案: