摘要: 有时候我们需要让一些inline blcok块显示在一行,这时候我们会发现它们之间会存在一个间隙。为什么呢? inline blcok块之间的不可见符号会被保留父层字体的1/3大小的空间 还有有时候多张连续的图片排列在一起时,也会出现间隙,而且不知道你们是否发现 img标签是行内元素 ,为什么可以设 阅读全文
posted @ 2018-12-24 17:08 xlupc 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 圣杯布局 html结构 css样式 总结: 圣杯布局用到了浮动float、负边距、相对定位relative,不添加额外标签. left的 使它上移一行,同时right向左移占据left原先位置,同理,right的 使它上移并靠右 双飞翼布局 html结构 css样式 和圣杯没多大的区别,就是 双飞翼 阅读全文
posted @ 2018-12-24 16:21 xlupc 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 当margin/padding取形式为 的值时,无论是left/right,还是 ,都是以 为参照物的 场景:购物平台商品的展示界面 当图片还未加载出来时,高度为零,加载出来后高度变化,出现一个闪烁的过程,影响用户体验。所以需要先进行占位,如上图所示。 使用margin/padding的百分比值来解 阅读全文
posted @ 2018-12-24 14:58 xlupc 阅读(255) 评论(0) 推荐(0) 编辑