element [Bug Report] Multiple checkBoxes width border in a row , the first checkbox margin-left 10 in the second line

xqkwcwgp 于 4个月前发布在其他

关注(0)|答案(1)|浏览(81)

Element UI version

2.13.2

OS/Browsers version

Google Chrome 86.0.4240.75

Vue version

3.0.0

Reproduction Link

[https://codepen.io/pen/?&editable=true=https%3A%2F%2Felement.eleme.io%2F(官网checkbox多选框组实例加上border可复现）](https://codepen.io/pen/?&editable=true=https%3A%2F%2Felement.eleme.io%2F(%E5%AE%98%E7%BD%91checkbox%E5%A4%9A%E9%80%89%E6%A1%86%E7%BB%84%E5%AE%9E%E4%BE%8B%E5%8A%A0%E4%B8%8Aborder%E5%8F%AF%E5%A4%8D%E7%8E%B0%EF%BC%89)

Steps to reproduce

1.Official examples，checkbox，Multi box group，Online operation，
2.Multiple checkBoxes width border in a row , the first checkbox margin-left 10 in the second line

1.在官方实例文档中，checkbox, 多选框组, 在线运行
2.为checkbox添加一个border, 然后添加checkbox的数量，除第一个外，其他checkbox都具有样式margin-left 10，当数量使其折行后，发现第二行的首个checkbox样式发生偏移

What is Expected?

the first checkbox not margin-left 10 in the second line or Align two lines

What is actually happening?

the first checkbox margin-left 10 in the second line

Element

来源：https://github.com/ElemeFE/element/issues/20278

1条答案

按热度按时间

uubf1zoe1#

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

赞(0）回复(0）举报 4个月前

我来回答