ant desgin vue 中 a-divider 高度100% 失效
时间: 2024-02-21 15:58:58 浏览: 180
vue中设置height:100%无效的问题及解决方法
如果在使用上述CSS样式时,仍然无法将 `a-divider` 的高度设置为 `100%`,可以尝试将其父元素的高度也设置为 `100%`。例如,如果您的 `a-divider` 是在一个 `div` 中使用的,您可以将该 `div` 的高度设置为 `100%`,然后再将 `a-divider` 的高度设置为 `100%`,如下所示:
```html
<template>
<div class="divider-wrapper">
<a-divider class="divider-custom"></a-divider>
</div>
</template>
<style>
.divider-wrapper {
height: 100%;
}
.divider-custom {
height: 100%;
}
</style>
```
这将确保 `a-divider` 和其父元素都具有 `100%` 的高度。
希望这可以帮助您解决问题。
阅读全文