码迷,mamicode.com
首页 > 其他好文 > 详细

bootstarp 样式细节(tooltip布局)

时间:2015-12-14 22:48:03      阅读:384      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!