2

私はいくつかのhtmlヘルプを探しています。テキストブロックをセル内の中央に移動するだけでなく、配置をそのままにしておくにはどうすればよいでしょうか。順序付けされていないリストを使用するため、テキストがすべて中央に表示されることは望ましくありません。テキストのブロックをセルの中央に移動したいだけです。

現在のシナリオの例：http： //jsfiddle.net/AygnN/

4

2 に答える 2

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

于 2012-10-01T15:24:40.500 に答える
0

テキストを div に配置し、テーブル セル内で div をホストできます。テキストは div で指定された css スタイルに従いますが、div 自体はセルの中央になります。

あなたが与えた例は、同じ種類のことを行います。セルを複数のセルに分割し、テキストを中央のセルに配置します。

于 2012-10-01T15:13:40.793 に答える