这里是记录一些常用的方法
- css hack /9 代表所有的ie浏览器
- text-indent 首行缩进
- 基础样式中设置 .fl和.fr 直接加在html文档中class中;
- 搜索框中字体居中: height:20px;line-height:20px\9; css hack \9 代表所有的IE浏览器(解决IE6)
- 设置了padding时候要注意会把div撑开,div的宽和高应该减去padding的值;
- font:14px; line-height:35px; font-family:"宋体"; 上面3个可以简写: font:14px/35px "宋体"
text-indent无效的几个原因及解决方案
text-indent是用来字符缩进的。
我们通常用在段落首字缩进、想用图片显示却要考虑SEO对文字的理解等。虽然好用,但有时它并不是这么的听话,会出现无效的情况。
下面整理了一些text-indent失效的原因。
1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上;
解决方案: 在行内元素加上display:block; 或者把目标元素放入<div>等块级元素,然后把text-indent 样式应用到<div>等块级元素。
2.text-indent所在的元素未使用overflow属性;
解决方案: 在元素加上overflow:hidden;
3.text-indent设置的值超出浏览器默认的最大或最小值
display:block 未定义
overflow:hidden 未定义
text-align:left 未定义
width 未定义
height 未定义
line-height 未定义