複数のスパン間でコンテンツを配置する方法を教えてください。よろしくお願いします。 _html/css_WEB-ITnose

この投稿は Javainging によって最終編集されました: 2013-10-18 21:02:55

	<td class="_table_l" colspan="3"> 													<span><input id="resLongitude" name="reude"  type="text" class="pext01"  hint="测试1" /></span>																		<span><input id="resLatitude" name="resLde"  type="text" class="popups_text01" hint="测试2" /></span>														<div class="search_but"> <a href="#" class="_but" onclick="open()"></div>																		</td>

スタイル ファイルは次のとおりです:

.search_but{ margin:10px 0 10px 115px; height:22px;}._but{ display:block; line-height:20px; height:20px; float:left; background:url(../images/_butbg02.png) repeat-x; border:1px solid #1a67cb; padding:0 10px; margin-right:10px; color:#FFFFFF;}._but:hover{ background-position:0 -20px; color:#FFFFFF;}

1 つの td 2 つのスパン 1 つの div
この div にはスタイルがありますが、なぜ私のスタイルが正しいのか? 不均一です、
div の内容が 2 つのテキスト ボックスの左側に移動してしまい、左側を削除した後、div が下の行に移動してしまいました。どうすれば修正できますか。ありがとうございます。

ディスカッションへの返信 (解決策)

div と span には違いがあります。div 自体には改行がありますが、span には改行がありません。

アライメント?

どうやって整列させるのですか
水平、垂直、左、右

(笑) 明確にしなければなりません

div はブロック要素であり、独自の行を占めます。

元の投稿者は a タグを完全に記述していませんでした。a タグを左にフローティングに設定する意味がよくわかりません。
ページ表示全体のスクリーンショットを撮るのが最善です。
左に走るのですが、左に浮くように設定していませんか？
要素をフローティングすると、元の親クラスから切り離され、親クラスの上位属性が小さくなるため、明確にフローティングする必要があります。