Javascript 使2个div并排显示_Javascript_Jquery_Html_Css

Javascript 使2个div并排显示

javascript jquery html css

Javascript 使2个div并排显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图在网页中并排显示google和facebook签名按钮。我使用bootstrap social显示facebook按钮，使用google API显示google按钮。默认情况下，我可以一个接一个地显示它们，但当我尝试在错误旁边显示它们时，我没有获得所需的输出 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"

我试图在网页中并排显示google和facebook签名按钮。我使用bootstrap social显示facebook按钮，使用google API显示google按钮。默认情况下，我可以一个接一个地显示它们，但当我尝试在错误旁边显示它们时，我没有获得所需的输出

HTML代码

       <!DOCTYPE html>
       <html lang="en">
       <head>
       <meta charset="utf-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <meta name="google-signin-scope" content="profile email">
       <meta name="google-signin-client_id" content="sample_client_id.apps.googleusercontent.com">
        <script src="https://apis.google.com/js/platform.js"></script> 

        <!-- Bootstrap -->
       <link href="css/bootstrap.min.css" rel="stylesheet">
       <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
       <link href="css/bootstrap-social.css" rel="stylesheet">
       <link href="css/font-awesome.css" rel="stylesheet">

       <title>Login Page</title>
       </head>
       <body>
       <div class ="google">
        <div class="g-signin2" data-onsuccess="onSignIn"></div>         <!--Google signup button-->
       </div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        <!--FB signu&nbsp;p button-->
        <div class="facebook" style="float: left;">
        <a class="btn btn-block btn-social btn-facebook" onclick="facebookSignIn();" style="width:220px;">
        <span class="fa fa-facebook"></span> Connect with Facebook
        </a>
        </div>
        </body>
        </html>


登录页面
删除，到.google
和.facebook
你可以给显示：内联块或者您可以同时给两个float:left
使用此CSS样式代码：
.google{
float:left;
}
.facebook{
float:left;
}



登录页面
谷歌
连接Facebook
使用css代码：
.google, .facebook {
   float:left; 
}

或
如果你能和我们共用一把小提琴，那将非常有帮助。如何在它们之间留出空间？？在上述代码中输入“”无效。。
.google, . facebook{
    display:inline-block;
}