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

天探女
  • 37

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

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

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

回复
阅读 4.2k
2 个回答

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

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

宣传栏