Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Legacy Grid 子元素错误的进行了换行 #2497

Closed
LinkListArray opened this issue Feb 23, 2022 · 0 comments
Closed

Legacy Grid 子元素错误的进行了换行 #2497

LinkListArray opened this issue Feb 23, 2022 · 0 comments
Labels
bug Something isn't working

Comments

@LinkListArray
Copy link

TuSimple/naive-ui version (版本)

2.25.2

Vue version (Vue 版本)

3.2.25

Browser and its version (浏览器及其版本)

Chrome(98.0.4758.109)

System and its version (系统及其版本)

MacOS(12.1)

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/r4gehn

Reappearance steps (重现步骤)

直接打开即可

Expected results (期望的结果)

正常来说,栅格布局为24格,内部使用6个span为4的元素不应该换行

Actual results (实际的结果)

最后一个元素换行到第二排了

Remarks (补充说明)

.n-col--4-span 被设置了宽度 16.67%,6个子元素总宽度为100.02%,导致了换行问题,修改为16.66% 或者设置为 calc(100% / 6) 可以正常显示

@github-actions github-actions bot added the untriaged need to sort label Feb 23, 2022
@07akioni 07akioni added bug Something isn't working and removed untriaged need to sort labels Feb 23, 2022
jaulz pushed a commit to jaulz/naive-ui that referenced this issue Mar 11, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants