0

いくつかのテーブルを作成しました。今、私は両方のテーブルを隣り合わせにする必要があり、1つのテーブルを重ねる必要はありません。2番目のテーブルを最初のテーブルの隣（右側）に配置するにはどうすればよいですか？ただし、間に十分なスペースがありますか？

これは私の2番目のテーブルのコードです：

<table>
<h3>Personaldaten</h3>
<tr>
    <td>Externe Referenz:</td>
    <td colspan="2">
       <input class="LargeText" type="text" style="width: 150%">
    </td>
</tr>

<tr>
    <td>Titel:</td>
    <td colspan="2">
        <input class="LargeText" type="text" style="width: 150%">
    </td>
</tr>

上記は最初の表の2つのエンティティですが、このように進めるにはどうすればよいですか？

4

7 に答える 7

1

テーブルのラッパーを使用して、float：leftを使用してみてください。

//margin: top right bottom left
<div style="width:500px; margin: 30px 0px 0px 320px">
    <table style="width:240px; float:left; margin-right:20px;">
    </table>
    <table style="width:240px; float:left;">
    </table>
</div>
于 2012-07-09T10:47:57.693 に答える
0

絶対的なポジショニングが本当に必要ない場合は、絶対的なポジショニングを取り除き、次のようなCSSを使用します。

table{
float:left;
margin:0px 5px;
}
于 2012-07-09T10:46:58.937 に答える
0

本当に2つの選択肢があります。

テーブルを使用してレイアウトを作成することに満足している場合は、両方のテーブルを別のテーブルに配置します。すなわち

<table>
  <tr>
    <td>
      <table>{ table 1 stuff }</table>
    </td>
    <td>
      <table>{table 2 stuff }</table>
    </td>
  </tr>
</table>

または、要素の「フロート」を調べ始めることもできます。

于 2012-07-09T10:47:33.800 に答える
0

1行2列の新しいテーブルを作成し、最初のテーブルを最初の列の中に配置し、2番目のテーブルを2番目の列の中に配置することができます。これにより、両方のテーブルを並べて表示できます。

于 2012-07-09T10:48:20.430 に答える
0

私の場合は、テーブルをdivレイヤーで囲み、レイヤーの幅と高さを指定してdiv、テーブルを並べて配置します。

例えば：

<div id="tablecontainer">
<table id="lefttable"></table>
<table id="righttable"></table>
</div>

そしてCSSでは：

table
{
margin: 5px;
}

#lefttable
{
float: left;
}

明らかに、このコードはOPが望んでいるものとは正確には一致しませんが、あなたはその考えを理解します。

于 2012-07-09T10:50:02.940 に答える
0

float: leftまたはを使用しますdisplay: inline-block。

＃1：

table {
    margin: 10px;
    float: left
}

＃2：

table {
    margin: 10px;
    display: inline-block
}

http://shaquin.tk/experiments/tables2.htmlおよびhttp://shaquin.tk/experiments/tables3.htmlを参照してください。

于 2012-07-09T10:54:02.260 に答える
0

まず、構文とスタイルを修正します。要素に子を含めるtableことはできませんh3。h3セルの内側（の内側）に配置するか、セルをtrに変換しcaptionます。セルが使用可能なスペースの幅の150％を占めるようになるため、幅を150％に設定しないでください。入力フィールドセットの幅は、sizeHTMLの属性を使用して、文字で設定するのが最適です。

次に、他の回答で提案されているように、またはタグで使用align=leftして、CSSでテーブルをフロートさせることができます。tableテーブル間に水平方向の間隔を作成するには、たとえばmargin-right最初のテーブルに設定します。

使いやすさとアクセシビリティのために、フォームは通常、1行にラベルが付いた1つの入力項目が存在するように提示する必要があります。これにより、フォームへの入力は簡単に垂直方向に進みます。したがって、間違った問題を解決している可能性があります。

于 2012-07-09T12:57:29.713 に答える