标签:
在写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 !
标签:
原文地址:http://www.cnblogs.com/feigao/p/5046499.html