百度地图js文字标签与bootstrap.css冲突坑

在使用百度地图时,BMap.Label类创建的文字标签因bootstrap.css的max-width属性导致显示异常。解决办法是在标签样式中设置max-width为none,以便让标签宽度由文字节点撑开,避免文字溢出。
摘要由CSDN通过智能技术生成

百度地图文字标签 BMap.Label 类实例化后添加到地图中的元素会因为bootstrap.css中的样式而显示异常

可以看到,行内元素label的宽度为0,并没有被元素里的文字结点的宽度撑开,导致元素的文字溢出,背景颜色只在左右padding的2px空间内看到。

造成这个的原因是bootstrap.css的label样式问题,max-width属性

只要在 label 元素的样式中设置 max-width 为none即可解决,max-width属性不设置的话默认为none。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值