CSS实现三个button分别居左、居中、居右

上层div使用text-align：center左右button分别使用float属性案例（忽视bootstrap的class）<div style="text-align: center;"><button style="float: left;" class="btn btn-primary">Left Button</button>...

hober.z

32786人浏览 · 2019-11-17 00:11:59

hober.z · 2019-11-17 00:11:59 发布

上层div使用text-align：center
左右button分别使用float属性

案例（忽视bootstrap的class）

 <div style="text-align: center;">
     <button style="float: left;" class="btn btn-primary">Left Button</button>
     <button class="btn btn-primary">Center Button</button>
     <button style="float: right;" class="btn btn-primary">Right Button</button>
 </div>

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

优雅的前端框架：iView - 强大、易用且美观

优雅的前端框架：iView - 强大、易用且美观项目地址:https://gitcode.com/gh_mirrors/iv/iview是一个基于 Vue.js 的高质量 UI 组件库，旨在为开发者提供简单、直观、高效的基础组件，帮助他们快速构建现代 Web 应用程序。此项目由 Alibaba IVWEB 团队维护，质量与更新稳定性有保障。技术分析Vue.js 基础：iView 充分利...