把2周的div在同一行

更新：我得到了答案...非常感謝布拉德（在評論）把2周的div在同一行

更新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; 
    }

我無法弄清楚我要去的地方wrong.plz幫助

來源

2013-02-27 shrenyas

首先你有語法錯誤。三次你錯過了顯示的分號：內聯。（應該是display：inline;）除此之外，如果您在HTML中使用ID，但是您在CSS中引用了類，則會出現更多的語法錯誤。 – Michael 2013-02-27 18:11:33

其次，你有'div＃'div div，但你的風格是引用'.div＃'類（[this]（http://jsfiddle.net/LgADB/2/）？ – 2013-02-27 18:13:49

）謝謝你一噸先生！！順便..... isnt是「。」用於「ID」和＃用於「類」 – shrenyas 2013-02-27 18:21:09

您有多個語法錯誤。

在HTML中，您已經在CSS中使用a來重新獲得x。

The。字符是指一個類，而不是一個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-27 18:19:37 Michael

他指定他需要將div嵌套。 – 2013-02-27 18:21:00

<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-27 18:12:40

其實我需要一個div包裝，因爲我創建了一個響應式設計，當屏幕寬度變小時我需要隱藏第一個div .....非常感謝您努力。 – shrenyas 2013-02-27 18:16:11

嘿，我得到了ans ..很多anywyas http://jsfiddle.net/LgADB/2/ – shrenyas 2013-02-27 18:19:50

您可以用少得多的CSS達到同樣的效果。 This will do the trick，雖然它可能不是你想要的解決方案。

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

編輯：當然，你會想讓img選擇器更具體;否則，您將在頁面上設置所有<img/>元素。

來源

2013-02-27 18:18:55

他已經有浮法：離開那裏。他的問題不在於規則本身，而在於他在任何地方都有語法錯誤。 – Michael 2013-02-27 18:21:18

我知道。我只是指出一個使用更少CSS的替代解決方案。有時爲了解決問題有幫助的是意識到可能有更優雅的解決方案。他要求一條線上有2個div。當然，就他的代碼而言，他看起來像是在一條線上的兩個imgs。 – 2013-02-27 18:22:42

都試圖通過設置寬度像

<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-27 18:30:08

把2周的div在同一行

回答

相關問題