如何css判断元素是否被换行
我使用bootstrap下的btn-group按钮组,包裹了数个按钮
在按钮变多的情况下会被挤到第二行
想对第一行末尾的按钮,以及第二行首个按钮做不同的样式
由于按钮的数量以及按钮内的文字是动态的,并不能确定哪个按钮会被换行
请问如何利用css来判断按钮组内的按钮是否换行了?
元素首尾可以用选择器first-child和last-child来判断,那换行的是否也有呢
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
用JS获得总长度和每个Button的长度,通过计算来判断哪个Button是行首吧。
我的思路是判断设备当前的宽度,然后/上每个btn的宽度,向下取整, 获得每行最大按钮数量, 然后通过循环每个btn, %上这个数+1==0为判断条件, 给上不同的类名.
前端小白, 目前还在学习, 能力有限, 见笑