1

コンテナーの異なる側に 2 つの要素を作成しようとしています。私の実際のコードでは、これら 2 つの要素は div の反対側にありますが、例として、ブラウザー ウィンドウの反対側に配置したいとします。

だから私は簡単にしました:

<html>
<head>
</head>
<body>
<table>
<tr>
<td style="width: 50%;text-align: left;">
This should go left
</td>
<td style="width: 50%;text-align: right;">
This should go right
</td>
</tr>
</table>
</body>
</html>

例: http://jsbin.com/ocete/

ええと、これをdivでうまく行う方法は完全にはわかりません。また、右揃えのテーブル セルには、実際のコードに 2 つの要素があります。1 つは画像で、もう 1 つはテキストです。<td>それらが含まれているの反対側に配置したいのです。

これを希望どおりに行うにはどうすればよいですか?私はまっすぐな道を見ていません。(固定配置はお勧めしません)

4

6 に答える 6

13

<table>要素に次を追加します。

style="width: 100%"

すべてが完璧に機能しています。あなたのテーブルはそれを見るのに十分な大きさではありません。

于 2009-12-10T15:48:45.973 に答える
4

テーブルの別々の側にテキストと画像を並べて配置する場合は、次を使用できます。

<table style="width: 100%">
<tr>
<td style="text-alight: left;">
text
</td>
<td style="text-align: right;">
  <table style="width: 100%">
    <tr>
      <td style="text-align: left;">image</td>
      <td style="text-align: right;">text</td>
    </tr>
  </table>
</td>
</tr>
</table>

それはあなたのようなものを得るはずです

-----------------------------
|text    |image    |    text|
-----------------------------
于 2009-12-10T15:51:49.520 に答える
1

テーブルの幅が指定されていないため、必要な幅しかないため、テキストの配置が違いを生んでいることがわかりません。

これを試して

<table style="width: 100%">

そしてもう一度見てください。

于 2009-12-10T15:49:06.653 に答える
0

レイアウトにテーブルを使用する理由はありますか? 代わりに2 つdivの s を使用し、それぞれの幅を 50% にして、2 番目divを右にフロートします。

于 2009-12-10T15:50:43.147 に答える
0

テーブルに幅を追加します..

<table style="width: 100%">

編集:遅すぎる

于 2009-12-10T15:50:52.783 に答える
0

あなたはいつもテーブルを使うつもりですか?もしそうなら、上記の答えはうまくいくでしょう。ただし、コンテナ div 内で 2 つの div を使用している場合は、内側の div をそれぞれ左右にフロートさせてから、コンテナ div 内のフロートをクリアする必要があります。

于 2009-12-10T15:52:33.033 に答える