网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 ...
分类：
Web程序 时间：
2017-06-20 17:52:05
阅读次数：
248
安卓手机的问题，原本表单没有超出一屏的时候，上移的现象也是存才的，只是需要滑动body才能看得到，现在，超出一屏了，现象就很明显了 body明显上移： 点击input修改价格： 软键盘出现： 先尝试了这样的方法： http://blog.csdn.net/u010394015/article/det ...
分类：
其他好文 时间：
2017-06-17 17:07:57
阅读次数：
1154
在开始之前先安利一个知识点：Flex弹性布局 我们一般做水平三列布局都是用的float方法，将每一块浮动显示在同一行。这种方法会导致元素没有原来的高度属性，要用清除浮动来解决空间占据问题。对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局 ...
分类：
Web程序 时间：
2017-06-12 00:39:14
阅读次数：
281
一 程序员的困惑 第一个跟我说这个的是小丁丁。 小丁丁在论坛时代的修真院，就已经是比较出名的了，他的学号是016。 在线上自学的时候会用Flex布局，还会做Gif动画。 当他说要来线下学习的时候，算是我第一个比较期待的人。 是的，那个时候我每天都会看他们的日报。 后来小丁丁成了修真院的睡袋师兄，几乎 ...
分类：
其他好文 时间：
2017-06-11 17:30:40
阅读次数：
201
所有经验适用于：iOS6.0+, Android4.0+ 目录 兼容性 CSS伪类:active 清除iOS输入框内阴影 Samsung S4圆角Bug 边框圆角致背景溢出 一个失败的圆（圆角） 不要使用伪元素动画 :checked与兄弟选择符一起使用的bug 为什么flex布局不生效 为什么小于1 ...
分类：
移动开发 时间：
2017-06-09 14:04:36
阅读次数：
260
布局是CSS中一个重要部分，本文总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现），希望能给需要的小伙伴带来一些帮助。 目录 1.常用居中方法：水平居中，垂直居中， 2.单列布局 3.二列&三列布局： ...
分类：
Web程序 时间：
2017-06-09 11:07:50
阅读次数：
270
CSS布局 布局是CSS中一个重要部分，本文总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现），希望能给需要的小伙伴带来一些帮助。 目录 1.常用居中方法：水平居中，垂直居中， 2.单列布局 3.二列 ...
分类：
其他好文 时间：
2017-06-09 10:01:52
阅读次数：
181
CSS布局 布局是CSS中一个重要部分，本文总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现），希望能给需要的小伙伴带来一些帮助。 目录 1.常用居中方法：水平居中，垂直居中， 2.单列布局 3.二列 ...
分类：
Web程序 时间：
2017-06-09 00:54:03
阅读次数：
266
flexbox布局是CSS3中新增的布局属性，但任何样式属性起作用的前提则是，它必须有对应的html结构。我们首先在html 文件中定义相应的结构，才能使用布局样式。我们简单地写一个ul li 列表，体验一个flex 布局的强大。新建一个index.html 书写结构，一个index.css 书写样 ...
分类：
Web程序 时间：
2017-06-08 19:44:25
阅读次数：
344
微信小程序页面布局方式采用的是Flex布局。Flex布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐，方向以及顺序，甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适 ...
分类：
微信 时间：
2017-06-07 11:11:54
阅读次数：
349
