React Antd：如何删除垂直分隔线与其旁边的任何内容之间的间距？

Question

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

这是我尝试过的方法，但似乎无法删除分频器和步进器（Antd 元素）之间的 space。

Answer 1

将padding:0px设置为div#container

Antd Steps 默认有一个 div with id=container and padding=24px

您看到的额外 space 是由于 div-padding。

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

styles.css

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

检查此 sandbox 以获得更多理解

React Antd：如何删除垂直分隔线与其旁边的任何内容之间的间距？

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

javascript

css

typescript

reactjs

antd

将padding:0px设置为div#container