Divider分割线在Flex布局中不显示，怎么解决？
我在用 Flex 布局做用户信息展示，中间加了个 <Divider />，但页面上完全看不到分割线，其他元素都正常显示。是不是 Flex 会影响 Divider 的渲染？
我试过给 Divider 加固定宽度，也试过设置 display: block，都没用。控制台也没报错，就是死活不显示。
<div style="display: flex; align-items: center;">
<span>用户名</span>
<Divider vertical />
<span>2023-10-01</span>
</div>2 条解答
你用的是vertical分割线对吧？那还得确保它有高度。试试这样改：
如果还不行，可能得检查下Divider组件的默认样式。有些UI库的Divider默认是透明的，得手动加个border-color。
顺便吐槽下，Flex布局虽然好用，但有时候这种细节问题真的很烦人，特别是垂直分割线这种场景。
或者直接在组件上写行内样式：
flex容器里元素默认会stretch拉伸，但divider的vertical模式高度默认是0。这坑我也踩过，加了高度就好了。