对于多个按钮布局，display:inline-block用法

admin

一直以来，碰到如图的按钮布局，都是直接用浮动来做，就算知道display:inline-block也可以实现效果，但就是不想，觉得应该整理出来，后面多用。


贴一下代码：

1. <style>
   
2. .m-btn{border:1px solid #8c8c8c;background:#fff;width: 230px;margin:100px auto 0;font-family: "Microsoft YaHei";padding:20px;text-align:center;}
   
3. .btn-click{color:#ffffff;font-weight:bold;display:inline-block;background-color: #fc6826;border: 1px solid #ea4e14;width: 80px;height: 24px;line-height: 24px; font-size: 14px;text-align:center;text-decoration: none;margin-right: 10px;}
   
4. .btn-click:hover{color:#f6d275;text-decoration: none;}
   
5. </style>
   
6. <div class="m-btn">
   
7. <a href="#" class="btn-click">确定</a>
   
8. <a href="#" class="btn-click">取消</a>
   
9. </div>

复制代码