日期:2014-05-17  浏览次数:20606 次

关于两段代码如何在一行排列
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
  <span class="bds_more">分享到:</span>
  <a class="bds_baidu">百度搜藏</a>
  <a class="bds_tsina">新浪微博</a>
  </div>
  <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1&uid=13646" ></script>
  <script type="text/javascript" id="bdshell_js"></script>
  <script type="text/javascript">
  document.getElementById("bdshell_js").src = "http://share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
  </script>

----------------------------------------

<iframe src="http://open.qzone.qq.com/like?url=http%3A%2F%2Fuser.qzone.qq.com%2F287668250&type=button_num&width=400&height=30&style=2" allowtransparency="true" scrolling="no" border="0" frameborder="0" style="width:400px;height:30px;border:none;overflow:hidden;"></iframe>

两段代码用 ---- 分开的。可以用CSS html代码都行。重要的是以上两段要在一行排列。而不是二行。。

------解决方案--------------------
两种思路:
1,用table实现
<table><tr><td>代码段一</td><td>代码段二</td></tr></table>
td宽度自己控制下
2,用css float实现,注意两个div宽度不能超过最大宽度,否则会换行,第二个div也可以用float:right具体情况具体对待
<div style="float:left">代码段一</div><div style="float:left">代码段二</div>