テーブル内に行要素を配置する

Question

私は幅222pxのhtmlテーブルを持っています

内部には160pxと定義された1行の幅があります。

この行の内部には、行の幅が と同じ1列あります。

私の質問は、この行をテーブルの中心に合わせる方法です。

私はalign = "center"とstyle = "float：center;"を試しました。これらは含まれているテキストの のみを処理します。

Answer 1

しかし、あなたは本当に、本当にテーブルを使用する必要がある場合は、ここでそれをスタイルする方法は次のとおりです。

ボーダー間隔で30pxがテーブルの幅とセル幅と半分の水平差です

.resultset { 
    width:222px; border:1px solid; 
    border-collapse:separate; border-spacing:30px 2px; 
} 
.resultset td { 
    border:1px solid; 
} 

。

jsFiddleを参照してください。

Answer 2

あなたはここでその

<table width="222px" align="center"> 
<td width="31px"></td> 
<td width="160px">test</td> 
<td width="31px"></td> 
</table> 

テストのようにこれを試すことができます：http://www.webmasterorbit.com/wysiwyg-html-tester.html

Answer 3

クエンティンに同意します。 1x1のテーブルを持つポイントはありません。

以下を試してください。

<div style="margin: 0px auto; position: relative; width: 222px;"> 
....your content 
</div> 

divのCSSクラスを作成することができます。私は個人的にインラインスタイルが好きではありません。

Answer 4

あなたは離れてテーブルを投げ、この文句を言わない仕事

<tr align = 'center'></tr>