- 博客(4)
- 收藏
- 关注
原创 span、a标签之间的换行空白问题
我们平时在写行内元素时,经常会不小心换行写个空格啥的,然后就会惊奇的发现浏览器中居然有空格。<span>第一个span标签</span><span>第二个span标签</span>效果是这样的:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> s
2016-09-26 23:30:52 12647
原创 span,a标签,label标签文字右边的1px空白的解决办法
最近在做一个这样的效果时注意到了一个span的小细节——当span标签的内容最后一个字为中文时,会默认给文字右边留1px的空白像素(类似内填充,但是它无法清除)。这样就导致我们在计算两个span标签之间的margin时需要减去这1px,否则就会和设计效果出现几像素的误差。a标签也是一样,这里我们就不另外说了,各位自己去测试。下面我来重现一下这1px误差是如何产生的: 首先我们写连个相连的span标
2016-09-25 20:58:16 6179
转载 CSS:haslayout知多少
因元素hasLayout而导致的问题其实一般都很容易发现:往往是内容出现错位甚至完全不可见,比如含浮动或者绝对定位子元素的容器高度会塌陷,在ie6/ie7下我们为其添加zoom:1属性就触发了haslayout,从而修复高度塌陷的问题;再比如,我们经常会碰到ie6和ie7同时出现的bug,这个时候可以考虑是否源于 haslayout,可以添加一些可以触发haslayout的属性来解决。
2016-09-01 09:42:55 522
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人