对于多个按钮布局，display:inline-block用法
一直以来，碰到如图的按钮布局，都是直接用浮动来做，就算知道display:inline-block也可以实现效果，但就是不想，觉得应该整理出来，后面多用。贴一下代码：
<style>
.m-btn{border:1px solid #8c8c8c;background:#fff;width: 230px;margin:100px auto 0;font-family: "Microsoft YaHei";padding:20px;text-align:center;}
.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;}
.btn-click:hover{color:#f6d275;text-decoration: none;}
</style>
<div class="m-btn">
<a href="#" class="btn-click">确定</a>
<a href="#" class="btn-click">取消</a>
</div>
页:
[1]