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

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

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

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

阅读 9.2k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题