发表于: 2018-05-14 21:43:37

1 604


今天完成的事情:、

 今天改了一下数值。准备上传任务六

看了css去掉inline-block元素间隙的几种方法

CSS 去掉inline-block元素间隙的几种方法

 inline-block 即内联块,在CSS的元素分类中可以分成三种:行内元素或者内联元素、块级元素、以及内联块元素。

内联块元素具有了内联元素以及块级元素的特性:(1)元素之间可以水平排列 (2)可以当做一个块级元素来设置各种的属性,例如:width、height、padding等。

inline-block兼容性

(1)inline level的元素

 对于内联元素(inline element),所有主流浏览器都支持直接设置display 的value值为inline-block来将其定义为内联块。

(2)block level的元素

IE7及以下浏览器对块级元素(block element)的支持并不完全,它们只支持用display:inline-block去定义一个inline level的元素为内联块。

由于IE7及以下浏览器支持直接将inline level元素设置为内联块,所以我们可以变通实现,先将block level元素设置为inline,然后再去触发该元素的hasLayout,使其拥有和inline-block相似的特性。

有的还没有看完

明天计划的事情:

  上传任务六,开始复习知识点
遇到的问题;

  githup不会和编辑器相连
收获:

CSS 去掉inline-block元素间隙的几种方法

  (1)inline level的元素

(2)block level的元素


返回列表 返回列表
评论

    分享到