bootstarp 样式细节(tooltip布局)
2015-12-14 20:44
716 查看
在写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 !
相关文章推荐
- 《CSS3秘籍》第12-17章
- css3 基础
- CSS样式
- css设置文本超出两行 末尾用省略号表示
- CSS3选择器使用小结
- 用border做纯CSS的三角形
- CSS Sprites技术
- CSS的一些简单概念
- css中margin和padding的用法
- 《CSS权威指南(第三版)》---第四章 值和单位
- css3隔行变换色实现示例
- CSS3/SVG clip-path路径剪裁遮罩属性简介
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- CSS和SVG中的剪切——clip-path属性和<clipPath>元素
- 《CSS权威指南(第三版)》---第三章 结构和层叠
- css层叠选择
- css3的nth-child和:nth-of-type之间的差异
- CSS书写顺序
- css 优先级
- 几种解决position:fixed 抖动的方法