el-button 文字纵向排列
时间: 2024-08-02 08:01:33 浏览: 105
`el-button` 是 Element UI 中的一个按钮组件,它允许你定制按钮的文字样式。如果你想让文字在按钮内部垂直居中并纵向排列,可以使用 `type="primary"` 或其他类型的按钮,并设置其 CSS 样式。例如:
```html
<el-button type="primary" :style="{ display: 'flex', align-items: 'center', justify-content: 'center' }">纵向文字布局</el-button>
```
这里的关键点是设置 `display: flex;` 创造了一个弹性容器,`align-items: center;` 让内容在垂直方向上居中,`justify-content: center;` 则使其在水平方向上居中。
如果你希望默认所有按钮都如此排列,可以在全局样式表或组件样式中添加类似规则。
阅读全文