flex属性设置详解:http://www.cnblogs.com/lvmylife/p/7670149.htmlCSS实现垂直居中:https://www.cnblogs.com/lvmylife/p/5453844.html关于CSS中display的32种写法:https://baijiaha ...
分类：
Web程序 时间：
2018-12-16 21:29:44
阅读次数：
169
前言： 最近在学习网页的布局，以下是我阅读过几篇比较好的博客简单的做了一个简单总结、并简单的尝试了一下。希望为以后的开发有所帮助。 参考博客：弹性布局详解 Flux布局教程 一、Flex布局是什么 Flex布局，又称“弹性布局”。2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整 ...
分类：
其他好文 时间：
2018-12-16 13:27:45
阅读次数：
153
flex-grow、flex-shrink、flex-basis这三个属性的作用是：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素的空间的。 其中，这三个属性都是在子元素上设置的。 注：下面讲的父元素，指以flex布局的元素(display:flex)。 flex-basis 该属性来 ...
分类：
其他好文 时间：
2018-12-15 00:57:50
阅读次数：
169
1.页面代码 -1)),swipeleftNo:!itemTitleLeft}"> {{ item.userName }}({{item.account}}) ... ...
分类：
移动开发 时间：
2018-12-14 17:28:48
阅读次数：
603
今天项目中碰到一个flex布局的div内部的font-size导致第二个div内部文字换行时，整个div下降 发现下降的高度就是margin的高度; 然后设置margin自动就ok margin: 10px auto; vertical-align: middle; margin: 10px aut ...
分类：
其他好文 时间：
2018-12-14 13:09:42
阅读次数：
137
转：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方 ...
分类：
其他好文 时间：
2018-12-14 10:53:15
阅读次数：
159
水平居中分为块状元素和行内元素，而块状元素又分为定宽块状元素和不定宽块状元素。 1、行内元素水(display: inline)平居中（文本、图片等）是通过给父元素设置 text-align：center；来实现的。 <p style="text-align: center;">行内元素水平居中</ ...
分类：
Web程序 时间：
2018-12-13 22:40:37
阅读次数：
313
本文由云+社区发表 Flex是Flexible Box 的缩写，意为"弹性布局"，是CSS3的一种布局模式。通过Flex布局，可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图，具体实现代码会以github路径形式更新于此。 1.浏览器支持情况 ...
分类：
Web程序 时间：
2018-12-13 12:14:49
阅读次数：
165
display:flex + justify-content: space-between 能够实现2端对齐的布局，这种布局在网页中很常见。不过这种布局方式有一个问题。举个例子，我们假设现在一排放4个图片，而我们数据库里面总共只有6张，此时布局结果如下： 第二排数量少于4张，2端对齐就出现上图这种局 ...
分类：
其他好文 时间：
2018-12-10 20:53:45
阅读次数：
794
<html> <div class="title"> <div class="line"></div> <div class="text">优惠信息</div> <div class="line"></div> </div> <css> .detail-main .title{ display: f ...
分类：
Web程序 时间：
2018-12-10 14:02:19
阅读次数：
244
