布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持 ...
分类：
其他好文 时间：
2018-10-06 14:37:15
阅读次数：
203
一、后台管理页面布局 二、公共模板及路由分发 1、后台菜单栏、导航栏 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>{% block title %}{% endblock %}</ti ...
分类：
编程语言 时间：
2018-10-02 22:10:20
阅读次数：
251
页面布局 页面布局均采用最新版 flexbox 进行布局，需兼容低版本 IE 项目除外。 .selector { display: flex; justify-content: center; align-items: center; } 缩进 使用 4 个空格作为一个缩进层级，不允许使用 2 个空 ...
分类：
Web程序 时间：
2018-09-27 11:18:36
阅读次数：
214
1、在页面布局时，值对于块元素来说，相邻的两个兄弟块元素间的margin-top与上一个兄弟的margin-bottom重合时， 解决办法：对其中一个块元素中设置 display:inline-block; 2、行元素间margin问题 对行元素设置是margin 效果显示不出来，解决办法： 在元素 ...
分类：
其他好文 时间：
2018-09-27 10:33:16
阅读次数：
166
代码： 结果： 值说明： static 元素根据文档的正常流程定位。的top，right，bottom，left，和z-index性能有任何影响。这是默认值。 relative 该元件根据文档的正常流动定位，然后偏移相对于它本身的基础上的值top，right，bottom，和left。偏移量不会影响 ...
分类：
其他好文 时间：
2018-09-27 01:42:59
阅读次数：
131
1.static： 元素根据文档的正常流程来进行定位，对顶部、右侧、底部、左侧和z索引属性没有影响。这是默认值。 2.relative： 元素根据文档的正常流进行定位，然后根据顶部、右侧、底部和左侧的值相对于自身进行偏移。偏移量不影响其他任何元素的位置;因此，页面布局中元素的空间与静态位置相同。 当 ...
分类：
其他好文 时间：
2018-09-22 18:21:18
阅读次数：
151
css的选择器：1.基本选择器 2.高级选择器 基本选择器包含： 1.标签选择器标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说 "共性" 而不是 ”特性“ 2.id选择器# 选中id 同一个页面中id不能重复。任何 ...
分类：
Web程序 时间：
2018-09-18 23:55:03
阅读次数：
2984
嵌套路由 实际生活中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件，例如： /user/foo/profile /user/foo/posts + + + + | User | | User | | + + | | + + | | | Prof ...
分类：
其他好文 时间：
2018-09-12 20:07:19
阅读次数：
2318
在做移动端页面布局的时候，需要做到响应式，也就是文字会随着页面的大小改变以后文字的大小和div的宽高等比例跟着改变。 rem 单位 是相对于html的font size的来的，所以用rem单位就可以实现。 我们只要把HTML的font size设置自适应，其他的单位用ren以后自然就能实现。 vw ...
分类：
移动开发 时间：
2018-09-09 16:51:04
阅读次数：
296
一、静态布局（static layout） 即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚 ...
分类：
其他好文 时间：
2018-09-07 20:16:05
阅读次数：
219
