CSS
文章平均质量分 58
OpenUeyes
这个作者很懒,什么都没留下…
展开
-
CSS清除浮动及方法
浮动:float 属性定义元素向左/右方向浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。可以使元素inline-block化,具有包裹性,使得元素兼并了块元素和内联元素的的优点。在CSS规范中,浮动定位不属于正常的页面流(page flow),是独立定位的。所以,只含有浮动元素的父容器,在显示时不考虑子元素的位置,就当它们不存在一样。这就造成了显示出来,父容器好像空容器一样。如下: ...原创 2018-05-02 15:46:48 · 143 阅读 · 0 评论 -
CSS圣杯和双飞翼布局
圣杯布局参考http://blog.csdn.net/sunshine_zcc/article/details/51622599利用flex脱离文档流,利用padding预留出位置,利用margin-left实现布局,利用position和left/right填充位置,好处是:优先渲染主要dom, main部分是自适应宽度的,很容易在定宽布局和流体布局中切换等。双飞翼布局:https://www....原创 2018-05-02 15:51:19 · 204 阅读 · 0 评论 -
div中div垂直水平居中方法汇总
1. 父元素设置定位position,子元素设置position:随便;left:50%;top:50%; margin-left: -width/2; margin-top: -height/2;(适配所有浏览器)2. 父元素设置定位position,子元素设置position:absolute;left:0;top:0;bottom: 0;right: 0;margin: auto;橘...原创 2018-05-02 15:57:28 · 1440 阅读 · 0 评论 -
CSS Inline-block自带外边距出现原因及解决办法
出现原因:使用css更改非inline-block水平元素为inline-block元素没有空格就没有了每个之间使用margin-left负值就太笨了而且要查表,把</div>放到第二行首也是可以的,但是影响美观,不适用,目前较好的方法:font-size: 0;-webkit-text-size-adjust:none;...原创 2018-05-02 16:00:52 · 2555 阅读 · 1 评论