javascript - react Antd : How to remove spacing between vertical divider and any content right next to it?

Question

</div>
<Divider type="vertical" style={{ width: "5px", height: "auto" , marginRight : '0px'  , padding : '0 0'}} />
<div style={{ padding : '0 0' , marginRight : '0px'}}>

这是我尝试过但似乎无法删除分隔线和步进器(Antd 元素)之间的空间的方法。

Answer 1

将 padding:0px 设置为 div#container

Antd Steps 默认有一个 id=container 和 padding=24px 的 div

您看到的额外空间是由于 div-padding 造成的。

您可以通过在 styles.css 中定义以下代码并在组件中导入样式来删除它。

styles.css

div#container {
  padding-left: 0px !important;
}

检查这个sandbox加深理解