javascript - React Antd: Hur tar man bort avståndet mellan vertikal avdelare och vilket innehåll som helst precis intill den?


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

Detta är vad jag har försökt och tycks inte kunna ta bort utrymmet mellan avdelaren och stegraren (Antd-element).

Svar #1

Sätt padding:0px till div#container

Antd Steps har som standard en div med id=container och padding=24px

Det extra utrymmet du ser beror på den där div-paddingen.

Du kan ta bort det genom att definiera följande kod i styles.css och importera stilarna i komponenten.

styles.css

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

Kolla denna sandlåda för mer förståelse