konglei1996的博客

学习笔记参考阮一峰老师Flex布局教程 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。各浏览器兼容性如下： 一、介绍 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。 容器默认存在两根轴：水平的主轴（main ax

虽说对flex布局这种布局方式有听说，但还是第一次深入的去了解，有种相见恨晚的感觉。 flexbox的出现是为了解决复杂的web布局，因为这种布局方式很灵活。容器的子元素可以任意方向进行排列。此属性目前处于非正式标准，在较新的浏览器中基本可以使用该属性。 flexbox有众多属性，在这里我只记录下我完成这次任务用到的一些。 页面的基本框架我用了ul和li标签。首先，先对容器添加dis

本文为翻译文章，只解释了相对重要的部分，详细的内容还请自行看原文原文地址。 html部分： 就是这样，一个单独额外的div包含着你所需要的列。样式表很简单，就是说你有一个左边的宽度为200px的列，右边有一个宽度为150px的列，中间的列自适应。核心的css代码如下： 这种方式能够兼容现在的许多主流浏览器，例如：Safari, Opera, Firefox, and (with

本周主要完善了自己参与的公司校园号管理系统的整体页面的布局结构，导航和边栏，实际项目中，经老大指点发现了自己的许多问题，并有真正学习到和了解到一些原先未实践过的东西，以下便是对这次实践经历各方面的知识总结： 一.项目主要采用react+react-router+webpack+antDesign+less作为整体技术栈，可能后序会引入新的技术，这里只对目前的技术来说。因为来公司实习之前自己有折