我使用bootstrap下的btn-group按钮组,包裹了数个按钮
在按钮变多的情况下会被挤到第二行
想对第一行末尾的按钮,以及第二行首个按钮做不同的样式
由于按钮的数量以及按钮内的文字是动态的,并不能确定哪个按钮会被换行
请问如何利用css来判断按钮组内的按钮是否换行了?
元素首尾可以用选择器first-child和last-child来判断,那换行的是否也有呢
我使用bootstrap下的btn-group按钮组,包裹了数个按钮
在按钮变多的情况下会被挤到第二行
想对第一行末尾的按钮,以及第二行首个按钮做不同的样式
由于按钮的数量以及按钮内的文字是动态的,并不能确定哪个按钮会被换行
请问如何利用css来判断按钮组内的按钮是否换行了?
元素首尾可以用选择器first-child和last-child来判断,那换行的是否也有呢
我的思路是判断设备当前的宽度,然后/上每个btn的宽度,向下取整, 获得每行最大按钮数量, 然后通过循环每个btn, %上这个数+1==0为判断条件, 给上不同的类名.
前端小白, 目前还在学习, 能力有限, 见笑
3 回答5.2k 阅读✓ 已解决
5 回答2.1k 阅读
2 回答2k 阅读✓ 已解决
1 回答3.1k 阅读✓ 已解决
3 回答2.5k 阅读
2 回答1.1k 阅读✓ 已解决
2 回答2.2k 阅读
用JS获得总长度和每个Button的长度,通过计算来判断哪个Button是行首吧。