![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
原小豹
当你的能力撑不起你野心的时候,埋头努力吧,骚年!
展开
-
css 中 height:100% 和 height:inherit 异同
height:100%和height:inherit的异同 1. 兼容性差异 height:100% IE6+ √ height:inherit IE8+ √ 2. 大多数情况作用是一样的 除去兼容性,大多数情况下,两者作用是一样的,甚至都很难想出不一样的理由。 ① 父容器height: auto,无论height:100%或者height:inherit表现都转载 2016-01-25 11:57:45 · 631 阅读 · 0 评论 -
盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
Ⅰ.绝对定位居中(Absolute Centering)技术 我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: [css] view plain copy .Absolute-Center { margin: auto;转载 2016-02-03 11:44:06 · 266 阅读 · 0 评论 -
你需要知道的三个 CSS 技巧
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。 在CSS中用attr()显示HTML属性值 attr()功能早在CSS 2.1标准中就已经出现,但转载 2016-02-03 13:55:41 · 261 阅读 · 0 评论 -
Flex布局兼容性写法
flex布局 flex布局目前可使用在移动中,并非所有的语法都全兼容,但以下写法效果良好~ /* ============================================================ flex:定义布局为盒模型 flex-v:盒模型垂直布局 flex-1:子元素占据剩余的空间 flex-align-center:子元素垂直转载 2016-02-03 17:12:00 · 13490 阅读 · 0 评论 -
并列div 等高(任何一个变高,其余随之变高)
直接上html .wrap{ border: 2px solid red; width: 300px; display: table; } .wrap .child{原创 2016-03-17 11:50:03 · 659 阅读 · 0 评论 -
CSS 各种水平垂直居中
最近遇到好多垂直居中的问题,特地来这里总结一下,同时也方便大家查阅,废话不多说,走起~ 实现这种效果 1.方法一,margin auto .wrap{ border: 2px solid red; position: relative;原创 2016-03-17 14:45:33 · 338 阅读 · 0 评论