element ui表格中的algin属性无效

  • Post author:
  • Post category:其他


我们在使用element ui表格中,经常需要调整表格内容的文字对齐位置,例如:

文档中描述是使用algin=”left / right / center”调整文字对齐,但是我们使用后完全没有效果,经研究后发现,该属性会给根据你给的属性给对应的cell单元格加上一个class名

虽然这个class名提供了text-algin:center的css属性,但是每个th下还有个div,该div的cell名字中会带一个文字center的css属性,所以父元素的样式无法继承下来

知道问题后,我们可以用的解决方案就是用class名找对应div覆盖样式即可,下面添加css代码

/deep/ .is-left>div {
    text-align: left;
}

/deep/ .is-right>div {
    text-align: right;
}

这样algin=”left / right / center” 的属性就可以正常使用了



版权声明:本文为l1002670137原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。