欢迎光临
我们一直在努力

百度地图标注图无法显示,标题框宽度太窄,提示文字没有垂直居中,标注图和Bootstrap样式冲突解决方案

问题描述:百度的地图标注和Bootstrap css样式有冲突,导致标题框宽度太窄,提示文字没有垂直居中。

解决方案:在自定义的css中加入这个样式即可解决样式冲突问题。dituContent为百度地图标注的div id,如果你是自定义的class样式名则需要修改成自己的。

#dituContent img{ max-width:none!important;}/*解决标注图片不显示问题,加上 important 提升样式优先级*/
#dituContent label{max-width:none!important;height: auto!important;}/*解决提示框太窄和提示文字没有垂直居中问题,*/
#dituContent div{box-sizing: initial!important;}

 

未经允许不得转载:第五博客 » 百度地图标注图无法显示,标题框宽度太窄,提示文字没有垂直居中,标注图和Bootstrap样式冲突解决方案
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

更专业 更方便

联系我们