首页 > 解决方案 > Ionic 3 如何在自定义离子输入中垂直居中文本?

问题描述

问题

您可以在图像中看到离子输入中的文本没有垂直居中。标准离子输入稍微偏离中心以看起来更好。

标准离子输入

有没有什么办法解决这一问题?

先谢谢了

编辑:我的意思是垂直而不是水平:/

编辑这是有人要求的代码,高度和字体大小在媒体查询中。

.email, .pass {
 width: 75%;
 max-width: 500px;
 border: none;
 background-color: #CC6992;
 font-family: Rubik;
 font-weight: lighter;
 color: #3C3C3C;
 border-radius: 5px;
 padding-left: 18px;
 margin: 0 auto;
}



::placeholder {
  font-family: Rubik;
} 

标签: cssionic-frameworkionic2ionic3css-position

解决方案


我要做的是:

.vertical-align {    
    display: flex !important;
    align-content: center !important;
    align-items: center !important;
}

您可以删除!important,我只是在这里使用它们,因为我有其他类干扰。


推荐阅读