文章关键字 ‘display:table’

有人考了我一道CSS题目

2018年10月21日,星期日

考我一道CSS题目

前段时间@快叫我韩大人私信我考了我下面这个CSS题目:在不改变HTML结构,同时保留元素高度前提下,实现某一个布局效果……我觉得还挺有意思的,在征得其同意的前提下输出了这篇文章,大家若有兴趣,也可以进来看看,自己能不能实现相关需求。

文中提供了可实时编辑预览效果的demo,方便大家尝试自己思路。

阅读全文…

border-collapse与table td边框opacity透明度诡异解析

2015年03月3日,星期二

年前遇到此现象,在Chrome浏览器下,起初,我还以为是Chrome浏览器的bug.
今日原型重现,在各个现代浏览器下一测,乖乖隆地咚,都是一个尿性,看来是规范使然,不是bug啊!但是,由于现象实在诡异,到目前也想不通是个怎么回事,故在这里演示并询问在座的小伙伴们,为什么会有此现象?
现象描述……

阅读全文…

去除inline-block元素间间距的N种方法

2012年04月24日,星期二

真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距。
我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题。
这类间距有时会对我们布局,或是兼容性处理产生影响,需要去掉它,该怎么办呢?
本文的内容就是详尽展示各种去除这类元素间距的方法。一如既往,有必要的截图、demo页面以及源代码展示等。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…