如何css判断元素是否被换行

发布于 2022-09-11 19:18:15 字数 216 浏览 13 评论 0

我使用bootstrap下的btn-group按钮组,包裹了数个按钮
在按钮变多的情况下会被挤到第二行

想对第一行末尾的按钮,以及第二行首个按钮做不同的样式
由于按钮的数量以及按钮内的文字是动态的,并不能确定哪个按钮会被换行

请问如何利用css来判断按钮组内的按钮是否换行了?
元素首尾可以用选择器first-child和last-child来判断,那换行的是否也有呢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

身边 2022-09-18 19:18:15

用JS获得总长度和每个Button的长度,通过计算来判断哪个Button是行首吧。

流心雨 2022-09-18 19:18:15

我的思路是判断设备当前的宽度,然后/上每个btn的宽度,向下取整, 获得每行最大按钮数量, 然后通过循环每个btn, %上这个数+1==0为判断条件, 给上不同的类名.
前端小白, 目前还在学习, 能力有限, 见笑

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文