Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css ionic2应用程序中的垂直对齐按钮_Css_Ionic Framework_Sass_Ionic2 - Fatal编程技术网

Css ionic2应用程序中的垂直对齐按钮

Css ionic2应用程序中的垂直对齐按钮,css,ionic-framework,sass,ionic2,Css,Ionic Framework,Sass,Ionic2,在应用程序中,“编辑列”下的按钮不会与其他列垂直对齐。它总是在底部对齐,这使得行看起来很糟糕 代码如下: {{item.projectname} {{item.loginid} {{item.password}} 尝试将此CSS添加到组件中: ion-col { display: flex; align-content: center; align-items: center; } 如果我理解正确,这将通过垂直对齐文本来解决您的问题。(因为按钮已经居中) 另外,你

在应用程序中,“编辑列”下的按钮不会与其他列垂直对齐。它总是在底部对齐,这使得行看起来很糟糕

代码如下:


{{item.projectname}
{{item.loginid}
{{item.password}}

尝试将此CSS添加到组件中:

ion-col {
    display: flex;
    align-content: center;
    align-items: center;
}
如果我理解正确,这将通过垂直对齐文本来解决您的问题。(因为按钮已经居中)


另外,你应该为它建立一个类,这样它就不会影响你组件中的每一个离子柱

事实上,我认为它们是垂直排列的。但是,由于某些列有两行,因此它使用该行的中间部分。当只有一行文字时,这会使它看起来偏离中心。谢谢你的回复。但是我如何将它与第一行对齐呢?谢谢你的回复。我已将您的CSS添加到相应的.scss文件中。但它不起作用。这很奇怪,我用你的html测试了它,它在我的应用程序中运行。看这个:我在这个plunkr中实现了修复。如果它在那里起作用,试试看。