css 如何将两个按钮进行两端对齐呢?


摘要:
下文讲述css代码将按钮进行左右布局的示例分享,如下所示

实现思路:
    将按钮设置为float:left 和 float:right即可实现按钮左右漂浮的效果

例:

<meta charset="UTF-8">
<p>
 maomao365.com<br />
 css实现按钮左右漂浮的效果
</p>
<hr />
<style>
#divTest{
       position:fixed; 
     z-index:2; left:0;  
     background:#FFFFFF; 
     width:450px; 
	 height:60px; 
     overflow:hidden; 
     box-shadow:1px 1px 6px #888;
}

button{
  margin:10px;
  background-color:green;
  color:white;
  height:40px;width:120px;
}

#btnLeft{float:left;}
#btnRight{float:right;}
</style>

<div id="divTest">
  <button id="btnLeft">左按钮</button>
  <button id="btnRight">右按钮</button>
</div>
css实现按钮两端对齐的示例分享

css实现按钮两端对齐的示例分享