HTML - 側の二つのテーブル側

可能性の重複：
Trying to get tables next to each other horizontal HTML - 側の二つのテーブル側

私はすでに作成した2つのHTMLテーブルを持っています。私はどうやってそれらを1の代わりに並べて置くことができますか？

2012-07-27 Matt Stokes

をあなたはCSSでそれらのスタイルを設定することができます。http：/ /en.wikipedia.org/wiki/Cascading_Style_Sheets – David

こんにちはマット、スタックオーバーフローへようこそ！既存のコードのサンプルを提供できますか？それはあなたが何をしているのか把握するのに役立ち、あなたの質問に簡単に答えることができます。また、http://stackoverflow.com/questions/how-to-askを確認してください。 –

をして

<div> 
    <table style="float: left"> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
    <table style="float: left"> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div>

または単にCSSを使用しスペース、フロートまたはインラインディスプレイを使用できます。

<table style="display: inline-block;"> 

<table style="float: left;">

はここでそれをチェックアウト：MDNのhttp://jsfiddle.net/SM769/

ドキュメント

CSS display - MDNのhttps://developer.mozilla.org/en/CSS:display
CSS float - https://developer.mozilla.org/en/CSS/float

出典

2012-07-27 15:01:51

['display']（https://developer.mozilla.org/en-US/docs/Web/CSS/display）をインラインブロックに設定することは、受け入れられた答えであるはずです。なぜなら、 '

'要素は明示的に'表表示 '属性を'テーブル 'に設定する必要があります。それ以外の場合は、テーブルのように正しく動作しません。 – WoIIe

CSSで：table {float:left;}？

出典

2012-07-27 14:54:34

あなたはdivの中で、あなたのテーブルを配置し、あなたのテーブルにスタイルを追加することができます "フロート：左"：あなたの内容に応じて、

div>table { 
    float: left 
}

出典

2012-07-27 14:57:09

私がthemhzの答えに言及したように、折り返しdivは必要ありません。一般に、可能な限り少ないタグを使用して所望のプレゼンテーションを達成しようとする。 –

yes divなしでもfloat left works –

<div style="float: left"> 
    <table> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div> 
<div style="float: left"> 
    <table> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div>

出典

2012-07-27 14:59:53 themis

ラッピングdivは必須ではありません。テーブル自体を浮動させることができます。 divを追加するだけで、不必要にマークアップが追加されます。 –

HTML - 側の二つのテーブル側

答えて

関連する問題