css
bianweiqu
这个作者很懒,什么都没留下…
展开
-
实现单双行不同样式 nth-child()方法
定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 n 可以是数字、关键词或公式。 提示:请参阅 :nth-of-type() 选择器,该选择器选取父元素的第 N 个指定类型的子元素。 亲自试一试 - 实例 实例 1 Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。 在这里,我转载 2017-06-30 12:06:17 · 1794 阅读 · 0 评论 -
ul li 实现table形式的换行和自适应高度
css.courseData div ul{ height: 40px; text-align: center; background: #ccffff; width: 100%; display:table; } .courseData div ul li{ width: 16.6%; display:table-cell; vertical-al原创 2017-06-30 14:06:31 · 1472 阅读 · 0 评论 -
大小不固定的图片、多行文字的水平垂直居中
本文综述 想必写css的都知道如何让单行文字在高度固定的容器内垂直居中,但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢?本文将会告诉你如何实现多行文字的垂直居中显示。 关于图片垂直居中显示,想必很多写css的人都研究过,或者说是搜寻过方法。淘宝团队似乎提供了一种不错的方法,用font-size解决IE下垂直居中的问题,是个好方法吗?是的,方法是不错,可是问题也很多:不支持im转载 2017-06-30 14:09:59 · 282 阅读 · 0 评论 -
我所知道的几种display:table-cell的应用
一、display:table-cell属性简述 display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用(写于2016年8月24日:时代在变,当下,是时候登上舞台了)。 我们都知道,单元格有一转载 2017-06-30 14:10:32 · 225 阅读 · 0 评论