0

更新:私は答えを得ました...ブラッドに感謝します(コメントで)

更新 2: コメントで最良の回答を与える方法がわかりません

更新 3: ブラッド卿が回答セクションに回答を与えていないため、マイケルに最良の回答を提供します

同じ行に 2 つの div を配置しようと懸命に努力していますが、無駄です

ジャスフィドル

 <br /><div id='topdiv1'><div id='topdiv3'><div id='div23 '>
<img src="http://i.udm4.com/mac/48/163/163483.png" /></div><span class="tab"></span>
 <img src='http://i.udm4.com/mac/48/163/163483.png'/></div></div>



span.tab{
padding: 0 50px; /* Or desired space*/
}
.div23 
{
display: inline
    float:left;
  }
   .span.tab 
{  
   display: inline
    float:left;
}
   .topdiv1 
  {
   display: inline
float:left;
  }
.topdiv3
  {
        display: inline
          float:left;
   }

どこが間違っているのかわかりません.plzヘルプ

4

4 に答える 4

3

複数の構文エラーがあります。

HTMLでは、CSSではxを。で防御しています。

。文字はIDではなくクラスを参照します。IDを参照するには、＃を使用する必要があります。または、id="x"をclass="x"に切り替えて、cssをそのままにしておくこともできます。

また、div構造が不適切にネストされています。次のコードは問題を解決します。

http://jsfiddle.net/LgADB/4/

<div id='topdiv1'>

<div id='topdiv3'>
    <img src='http://i.udm4.com/mac/48/163/163483.png'/>
</div><!-- end topdiv3 -->

<div id='div23 '>
    <img src="http://i.udm4.com/mac/48/163/163483.png" />
</div><!-- end div23 -->

<span class="tab"></span>
</div><!-- end topdiv1 -->

span.tab{
    padding: 0 50px; /* Or desired space*/
}

#topdiv3 {
    float: left;
}

#div23 {
    float: left;
}
于 2013-02-27T18:19:37.767 に答える
1 
<div style="display:inline-block; margin-right:50px"><img src="http://i.udm4.com/mac/48/163/163483.png" /></div>
<div style="display:inline-block;"><img src='http://i.udm4.com/mac/48/163/163483.png'/></div>

また

<div style="float:left; margin-right:50px"><img src="http://i.udm4.com/mac/48/163/163483.png" /></div>
<div style="float:left;"><img src='http://i.udm4.com/mac/48/163/163483.png'/></div>
于 2013-02-27T18:12:40.560 に答える
1

次のように幅を設定してみましたか

<div>

<div style="float:left;width:10%"><img src='http://i.udm4.com/mac/48/163/163483.png'/></div>
<div style="float:left;width:10%"><img src='http://i.udm4.com/mac/48/163/163483.png'/></div>

</div>
于 2013-02-27T18:30:08.683 に答える
0

はるかに少ないCSSで同じ結果を達成できます。それはあなたが探している解決策ではないかもしれませんが、これはトリックを行います。

img {
    margin-right:50px;
    float:left;
}

編集：もちろん、imgセレクターをより具体的にしたいと思うでしょう。それ以外の場合は、ページ上のすべての<img/>要素を設定します。

于 2013-02-27T18:18:55.933 に答える