2

親内のスパン要素の隣に div 要素を配置するのに苦労しています。

現在、要素は span 要素の下に表示されています。span 要素の横に表示する必要があります。

私が使用しているHTML構造は次のとおりです。

<td>
  <a align="right"><img></a>
  <a align="right"><img></a>
  <img>
  <a><img></a>
  <span id="labelSpan">test</span>
  <div id="headerDiv" style="margin-left:150px;">
    <table><tbody><tr><td></td></tr></tbody></table>
  </div>
</td>

追加の要件は、スパン要素ではなく、親の td 要素に対して div 要素のマージンを設定する必要があることです。

お知らせ下さい。

ありがとう！

4

4 に答える 4

3

試す：

div {
    display: inline;
}

これにより、div がスパンのようなインライン要素になり、2 つが並んで配置されます。おそらく、テーブルの表示も変更する必要があります。

于 2013-09-05T16:30:43.353 に答える
0

スパン表示線にします。これにより、div の横に配置されます。または、それを display:block にしてから、スパンをフロートします。(フロート:左;)

 span {
    display: inline-block;
 }
于 2013-09-05T16:33:36.240 に答える
0

spanブロック レベルの要素を作成できます。

例

span {
    display: block;
}
于 2013-09-05T16:29:59.660 に答える
0

次の3 つのことを行う必要があります。<span>と の表示を に設定<div>しますinline-block。これにより、両方が同じ行にあることが保証されます。次に、からマージンを削除<div>します。最後に に a を追加widthし<span>ます。これで、はの左側から<div>ちょうど150 ピクセル<td>離れています。

td > span {
    display: inline-block;
    width: 150px;
}
td > div {
    display: inline-block;
}

デモ

購入前にお試しください

于 2013-09-05T16:41:22.603 に答える