把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在同一行

回答

相关问题