將單元格中心內的內容對齊，但保持文本左對齊

Question

我在尋找一些html幫助。我將如何去移動一個文本塊集中在一個單元格內，但也保持其對齊保持不變。我不希望文本顯示全部居中，因爲我將使用無序列表。我只是希望將文本塊移入單元格的中心。當前場景的

例子： http://jsfiddle.net/AygnN/

Answer 1

<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

Answer 2

你可以把文字股利和主機表格單元格內的股利。文本將遵循div中指定的CSS樣式，因爲div本身將位於單元格的中心。

你給出的例子做的是同樣的事情。它將細胞分成多個細胞，並將文本置於中間。