前言：这个网站详细讲了水平、垂直、水平垂直的css方法。https://css-tricks.com/centering-css-complete-guide/ 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比 ...
分类：
其他好文 时间：
2018-03-14 16:59:31
阅读次数：
160
参考教程《Flex布局完全教程》 Flexbox 布局（也叫Flex布局，弹性盒子布局）模块目标在于提供一个更有效地布局、对齐方式，并且能够使父元素在子元素的大小未知或动态变化情况下仍然能够分配好子元素之间的间隙。 Flex布局是一个完整的模块而不是一个单独的属性，它包括了完整的一套属性。其中有的属 ...
分类：
其他好文 时间：
2018-03-11 21:13:09
阅读次数：
213
三栏布局是一个比较常见的布局，在高度固定的情况下，左右各留出300px，中间自适应，可以有以下的几种写法。 比较常见的有浮动布局和绝对定位布局，但是flex布局现在也非常普遍了，Grid布局可能兼容性不太好，但也不失为一种方法。 因为下面的css代码中有许多的相同的地方，我们先我们先设置一些基本的c ...
分类：
其他好文 时间：
2018-02-28 22:54:13
阅读次数：
213
一、如何让一个不定宽高的div,垂直居中？ 1、使用flex布局，只需要在盒子的父级设置如下代码即可： 2、使用css3transform布局: 父级盒子设置： div设置： 3、使用 display:table-cell 方法 父级盒子设置： div设置： ...
分类：
Web程序 时间：
2018-02-28 18:33:17
阅读次数：
221
转处作者： 阮一峰 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可 ...
分类：
其他好文 时间：
2018-02-22 17:12:50
阅读次数：
232
先让我们看看在原来的学习中遇到的问题 之前在软件工程的大作业中，自己从零开始学习如何开发一个网站，从页面，到后台，当然数据库是大二的必修课 在学习如何编写一个静态页面的时候，完全是自学，自己摸索，所以遇到了很多问题，自己花费了太多时间去解决问题，今天就拿其中一个比较让我头疼的问题来引出今天的话题 当 ...
分类：
其他好文 时间：
2018-02-18 15:03:21
阅读次数：
211
水平居中元素： 方式一：CSS3 transform 方式二：flex 布局 适用于子元素为浮动，绝对定位，内联元素，均可水平居中。 居中的元素为常规文档流中的内联元素(display: inline) 居中的元素为常规文档流中的内联元素(display: inline) 常见的内联元素有：span ...
分类：
Web程序 时间：
2018-02-14 10:37:16
阅读次数：
197
Async 文档 Bootstrap 中文文档 CSS参考手册 cooking 中文文档 DevDocs API文档 Emmet 文档 ESLint 中文文档 Flex 布局教程 iScroll 5 API 中文版 JavaScript 中文文档 Less.js 中文文档 lodash 中文文档 M ...
分类：
其他好文 时间：
2018-02-10 12:54:16
阅读次数：
239
容器属性 flex-direction属性 决定主轴的方向。有4个可选值: row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。 flex-wrap ...
分类：
Web程序 时间：
2018-02-10 12:53:52
阅读次数：
184
网页布局（layout）是CSS的一个重点应用。 img 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 img 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整 ...
分类：
Web程序 时间：
2018-02-04 22:49:28
阅读次数：
252
