如何在 ionic 2 中集中按钮？

【问题标题】：how to centralize button in ionic 2?如何在 ionic 2 中集中按钮？
【发布时间】：2017-06-29 18:23:41
【问题描述】：

我想把这个按钮元素集中在视图的中心

<button ion-button icon-only id="newTrip">
<ion-icon name="md-add"></ion-icon>
</button>

是否有任何内置指令可以集中它而不在 scss 文件中进行编辑？

【问题讨论】：

看看FAB组件。 ionicframework.com/docs/v2/components/#fabs
这是一个很好的解决方案，效果很好，thanq

标签： angular sass ionic2 center centering

【解决方案1】：

看看 FAB 组件。

http://ionicframework.com/docs/v2/components/#fabs

【讨论】：

【解决方案2】：

html5 中的<center> 标记用于垂直对齐，并且只会在<ion-row> 中应用。所以我认为你需要在scss中改变它。

看看：How to center align ion icon inside button?

【讨论】：

它正在工作，但它用于垂直对齐，并且仅适用于
对不起。我以前从未在中使用过它
我建议你编辑你的答案，以帮助其他人搜索这个问题。

猜你喜欢

2023-03-03
1970-01-01
2023-03-23
1970-01-01
1970-01-01
2018-02-25
1970-01-01
1970-01-01
1970-01-01

相关资源

下载 2023-03-28
下载 2021-06-26
下载 2023-02-14

最近更新更多

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode