el-pagination标签在父元素中居中,只设置el-pagination标签,而不设置父元素
时间: 2024-01-22 07:18:38 浏览: 73
【Vue2 + ElementUI】分页el-pagination 封装成公用组件
你可以使用CSS的flex布局来轻松实现这个效果。首先,将父元素设置为flex布局,并使用justify-content和align-items属性将其内容居中。然后,将el-pagination元素设置为自动居中,这可以通过将其左右外边距设置为“auto”来实现。以下是示例CSS代码:
```css
.parent {
display: flex;
justify-content: center;
align-items: center;
}
.el-pagination {
margin: 0 auto;
}
```
在这个例子中,父元素的内容将水平和垂直居中,而el-pagination元素将被自动居中。
阅读全文