tdesign-react
tdesign-react copied to clipboard
[space间距] 水平的分隔符不显示
tdesign-react 版本
0.37.1
重现链接
https://ysu6fy--run.stackblitz.io
重现步骤
separator={<Divider layout="horizontal"/>} // 这样写的时候,不显示水平的分隔符
期望结果
间距里竖向排列的时候,可以显示水平分隔符
实际结果
No response
框架版本
react 17.0.2
浏览器版本
chrome
系统版本
win7
Node版本
No response
补充说明
No response
👋 @szqyqxgs,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
separator={<Divider layout="horizontal" center="test" />}>
如上代码。。。这样写的时候,不显示水平的分隔符
你的demo地址打不开,复制这个demo地址给我
纵向分割可以先这么实现下 https://stackblitz.com/edit/react-zlvqmj?file=src%2Fdemo.jsx
如上图,使用了align属性 不显示分隔符
因为align不是必传的,所以我不确定算不算bug,不算的话请关闭这个 issues 吧
如上图,使用了align属性 不显示分隔符
因为align不是必传的,所以我不确定算不算bug,不算的话请关闭这个 issues 吧
应该算bug,这边有点奇怪的是 align-items 属性跟 inline-flex 同时出现的时候导致宽度为0所以没有展示出来分割线,不过这里其实设置align也没什么意义,后面我研究下看看什么原因优化下吧
亲,这个问题别忘了哦,我后来也想明白了:不论有没有有必要写align属性,属性之间都不应该冲突
0.40.5 fixed