Question

我试图在ionic 3的操作表中将文本和图标居中对齐，在列表视图中，默认情况下将其向左对齐。这是我的代码：

    buttons: [
      { text: 'Delete', role: 'destructive' },
      { text: 'Share' },
      { text: 'Play' },
      { text: 'Favorite' },
      { text: 'Cancel', role: 'cancel' }
    ]

Answer 1

您可以将自定义css类添加到按钮。例如：


.center {
   text-align: center; 
   vertical-align: middle;
}

然后将此CSS类添加到您的代码中，如下所示：

buttons: [
      { text: 'Cancel', 
        role: 'cancel',
        cssClass: 'center'
       }
 ]

Answer 2

尝试将自定义类添加到按钮中。

例如：

['C:\\\\Users\\Users\\Desktop\\file_folder\\file1.txt', 'C:\\\\Users\\Users\\Desktop\\file_folder\\file2.txt']

居中对齐操作表文本和图标

2 个答案: