Question

我想将“给我发送电子邮件”按钮与“Skype”按钮放在同一行。我是HTML的新手，所以对我很轻松。

代码是

<!-- emailme Button BEGIN -->
<div id="emailme_div1"></div>
<script>var emailme_id=4714;</script>
<script type="text/javascript" src="http://static.emailmebutton.com/emailme.js"></script>
<!-- emailme Button END -->
<!--Skype 'Skype Me™!' button Begin-->
<a href="skype:grapplerulrich?call"><img src="http://mystatus.skype.com/bigclassic/grapplerulrich" style="border: none;" width="182" height="44" alt="My status" /></a>
<!--Skype 'Skype Me™!' button End-->

Answer 1

你必须将它们放在相对位置并使用“float：left”将它们放在彼此旁边。最好的方法是将两个按钮放在“容器”中，然后将两个按钮position:relative和float:left

设为对齐

在这里：http://jsfiddle.net/cLEFW/

我在你的Skype脚本周围包了一个div，并添加了position:relative和float:left。事实上，你甚至不需要使用position:relative，但是......我已经完成了xD

Answer 2

你应该float每个按钮。

给他们一套width来正确分开他们。

在第一个按钮上添加一些margin-top以垂直排列。

#emailme_div1{float:left; width:150px; margin-top:9px;}
#skype{float:left;width:150px;}

http://jsfiddle.net/jasongennaro/mn8EZ/

注意：这需要向Skype id添加a href。

BTW：您需要清除floats下面的任何内容。

在同一行上有两个按钮

2 个答案: