自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

PromiseCao的博客

小小程序猿的前端路

  • 博客(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

转载 前端精选文摘:BFC 神奇背后的原理

BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。

2016-09-01 09:34:50 843

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除