有无DIV在同一行

-1

我有以下的HTML一个问题：有无DIV在同一行

 <div id="HomeVideo"><a href="#"><img src="images/playvideoscreen3 copy.png" width="614" height="376" /></a></div> 
    <br /> 
    <div id='HomeVideo1'><a href="#"> 
     <img src="images/videoCamera_icon.png" border="0"> 
     </a> 
    </div> 
    <div align="center"><a href="RequestInvite.aspx" target="_blank" style="text-decoration: none"><span class="text2">Sign Up Now</span></a> 
    </div>

我喜欢有立即注册是在同一行，但videoCamera_Icon不知道我需要做的。请注意，将它放入HomeVideo1 div不会成为答案，因为我已将代码连接到div。

来源

2014-02-12 Nate Pet

您可以将#HomeVideo1和“立即注册”放在同一个容器格中，并设置它们的display: inline-block;。

来源

2014-02-12 17:47:03 dpwivagg

我不知道这是否会工作，我在＃HomeVideo1的点击有代码。 –

如果它们都在一个容器内，这应该没有什么区别。这不会改变你的点击代码。 – dpwivagg

Div默认为块级元素，这就是为什么它会累加顶部和底部边距。你可以使用css 显示：内联对div。

<div id="HomeVideo"><a href="#"><img src="images/playvideoscreen3 copy.png" width="614" height="376" /></a></div> 
    <br /> 
    <div id='HomeVideo1' style="display:inline;"><a href="#"> 
     <img src="images/videoCamera_icon.png" border="0"> 
     </a> 
    </div> 
    <div align="center" style="display:inline;"><a href="RequestInvite.aspx" target="_blank" style="text-decoration: none"><span class="text2">Sign Up Now</span></a> 
    </div>

您还可以添加显示：inline-block的，而不是在线

来源

2014-02-12 17:47:46

有无DIV在同一行

回答

相关问题