css
Summer-X
这个作者很懒,什么都没留下…
展开
-
Web css
css限制文本行数display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;原创 2018-04-30 19:59:48 · 118 阅读 · 0 评论 -
Reset CSS
https://meyerweb.com/eric/tools/css/reset/index.html/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h...原创 2018-05-18 22:54:55 · 112 阅读 · 0 评论 -
Flex 布局教程:语法篇
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex布局...转载 2018-05-26 11:28:27 · 112 阅读 · 0 评论 -
css 文本和div垂直居中方法汇总
在样式布局中,我们经常碰到需要将元素居中。通过css实现元素的水平居中较为简单:对文本,只需要对其父级元素设置text-align: center;,而对div等块级元素,只需要设置其left和right的margin值为auto。要实现元素的垂直居中,有人会想到css中的vertical-align属性,但是它只对拥有valign特性的元素才生效,例如表格元素中的<td>、<t...转载 2018-05-26 11:32:24 · 100 阅读 · 0 评论 -
在less 里面还是会删除,找了半天原因,发现 需要改成这样
在less 里面还是会删除,找了半天原因,发现 需要改成这样 /*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */overflow: hidden;-webkit-line-clamp: 2;height: .72rem;line-height: .36rem;display: -webkit...原创 2018-07-12 13:29:16 · 768 阅读 · 0 评论 -
那些年我们经常遇到的浏览器兼容性问题
那些年我们追过的男孩或者女孩,你还记得吗?他或者她也许再也不会出现在你的生命中了,但是,我们每天还是会遇到熟悉的再也不能熟悉的那些浏览器兼容性Bug。 在总结浏览器问题之前,我觉得我们应该掌握目录中的1~7标题的内容,对后面的问题,我想应该会更明白一些,并且可以避免许多Bug。1. Web标准以及W3C Web标准是由万维网联盟(W3C)制订的,WEB标准的产生,网页内容...原创 2018-08-12 21:27:49 · 279 阅读 · 0 评论 -
Css3 实现无限循环
@-webkit-keyframes gogogo { 0%{ -webkit-transform: rotate(0deg); } 50%{ -webkit-transform: rotate(180deg); } 100%{ -webkit-transform: rotate(360deg); }...原创 2019-04-22 20:55:34 · 2712 阅读 · 0 评论