text-indent无效解决方案
2016-12-11 00:43
309 查看
text-indent是用来字符缩进的。
1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上。
解决方案:
在行内元素加上display:block; 或者把目标元素放入<div>等块级元素,然后把text-indent样式应用到<div>等块级元素。
2.text-indent所在的元素未使用overflow属性。
解决方案:
在元素加上overflow:hidden。不过经过测试,这个作用不大,第1点的作用大些。
3.text-indent设置的值超出浏览器默认的最大或最小值,例如:text-indent:999999em在谷歌(Chrome)浏览器下无效。
解决方案:
有前辈说Chrome0.4.154.22版本下对text-indent支持的缩进极限值是:-134217723px;超出这个数在Chrome下则text-indent属性无效,FF下也存在同样的问题,ie下似乎没有极限或极限值范围大一些。
参考:
http://www.w3school.com.cn/cssref/pr_text_text-indent.asp
http://www.educity.cn/wenda/129305.html
1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上。
解决方案:
在行内元素加上display:block; 或者把目标元素放入<div>等块级元素,然后把text-indent样式应用到<div>等块级元素。
2.text-indent所在的元素未使用overflow属性。
解决方案:
在元素加上overflow:hidden。不过经过测试,这个作用不大,第1点的作用大些。
3.text-indent设置的值超出浏览器默认的最大或最小值,例如:text-indent:999999em在谷歌(Chrome)浏览器下无效。
解决方案:
有前辈说Chrome0.4.154.22版本下对text-indent支持的缩进极限值是:-134217723px;超出这个数在Chrome下则text-indent属性无效,FF下也存在同样的问题,ie下似乎没有极限或极限值范围大一些。
参考:
http://www.w3school.com.cn/cssref/pr_text_text-indent.asp
http://www.educity.cn/wenda/129305.html
相关文章推荐
- TextView跑步灯效果及在特殊情况下无效的解决方案
- TextView跑步灯效果及在特殊情况下无效的解决方案
- text-indent无效的原因
- 【iOS开发-103】解决方案:iOS8.1中UIBarButtonItem的setTitleTextAttributes对Disabled颜色设置无效
- TextView settextcolor 无效解决方案
- android EditText中imeOptions属性设置无效解决方案
- android fragment中EditText长按和点击无效的解决方案
- 【iOS开发-103】解决方案:iOS8.1中UIBarButtonItem的setTitleTextAttributes对Disabled颜色设置无效
- Winform部署时强名称签名mshtml.dll无效的解决方案
- html页面打印时背景颜色无效的解决方案
- span的宽度无效 完美解决方案
- [Android初级]关于Adapter使用notifyDataSetChanged无效的原因和解决方案
- android 数据变化时notifyDataSetChanged 无效的解决方案
- Android查缺补漏(View篇)--自定义 View 中 wrap_content 无效的解决方案
- 解决方案:PowerDesigner 16生成的SqlServer 2000/2005/2008脚本执行出现:“对象名sysproperties无效”
- iOS开发之证书无效解决方案
- 使用SpringBoot配置了 server.servlet.path后无效的解决方案
- VS2010生成解决方案出现错误:error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
- 线程间操作无效: 从不是创建控件“Control Name'”的线程访问它问题的解决方案及原理分析
- CSS样式在IE6下无效的问题解决方案