首页 > 其他 > 详细

bootstarp 样式细节(tooltip布局)

时间:2015-12-14 22:45:30      阅读:215      评论:0      收藏:0      [点我收藏+]

在写bootstarp中发现的几个小样式问题,记录以后可能用的到

 

1.有时候我们想要超过td长度后自动显示省略号,我们会使用

table {
    table-layout: fixed;
}

    table td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

这样在使用tooltip时就会出现布局出差的情况。

添加

/*处理tooltip被上属性影响*/
.tooltip-inner {
    white-space: initial;
    text-align: left;
}

即可解决

 

2.有时候我们想要tooltip提示的内容里支持 html,但发现默认是不可用的。

添加

data-html=‘true‘

属性即可支持

 

另: data-html=‘true‘个属性加上后,上述的第一个布局问题即使不添加white-space: initial;也可以解决了~~~~surprise !

 

bootstarp 样式细节(tooltip布局)

原文:http://www.cnblogs.com/feigao/p/5046499.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!