2021年1月21日星期四

justify-content: space-between not spacing buttons

Justify-content: space-between isn't spacing the two buttons. They're side-by-side with no margin. How do I make the buttons space-between?

export const Divbuttons = styled.div`    display: 'flex';    flex-direction: 'row';    justify-content: 'space-between';    align-items: 'center';    padding: 0px;    position: 'absolute';  `;    export const Continue = styled.button`    line-height: 16px;    letter-spacing: 1.25px;    padding: 10px 23px;    box-sizing: 'border-box';    position: 'static';  `;    export const Cancel = styled.button`    line-height: 16px;    letter-spacing: 1.25px;    padding: 10px 23px 10px 23px;    box-sizing: 'border-box';    position: 'static';  `;
<Divbuttons>      <Cancel type='button'>Cancel</Cancel>      <Continue type='button'>Save and continue</Continue>  </Divbuttons>  
https://stackoverflow.com/questions/65837988/justify-content-space-between-not-spacing-buttons January 22, 2021 at 09:04AM

没有评论:

发表评论