下面是一些常用的能实现居中的方法 水平居中： 1.左右margin为auto。（常规流块盒、弹性盒子不用定宽）； 2.弹性盒子设置justify-content:center；让弹性项目在主轴上居中； 3.父元素设置text-align：center；让其内部的文本居中； 4.相对定位元素，marg ...
分类：
Web程序 时间：
2019-09-29 20:01:04
阅读次数：
121
1、背景颜色渐变情况 2、滚动条的出现 3、如何让 弹性盒平分大小 通过设置flex 为 1 来实现 ...
分类：
Web程序 时间：
2019-09-26 22:59:29
阅读次数：
118
水平居中（包含块中居中）1. 定宽，左右margin为auto。（常规流块盒、弹性项目[不用定宽]） 例子：在box1盒子上设置宽，再设置margin：auto； 得到的效果： 2. 弹性盒设置justify-content: center，让弹性项目在主轴上居中。（普遍适应） 例子：在其父元素上设 ...
分类：
Web程序 时间：
2019-09-22 19:42:13
阅读次数：
134
移动端布局 rem单位 引入 rem.js 文件后，css 中就可以直接写 rem 单位了，改变移动端设备时，宽高会等比例更新。 flexbox布局（弹性盒布局） font-awesome 字体图标 transition 过渡 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果 ...
分类：
移动开发 时间：
2019-09-20 22:45:30
阅读次数：
102
01-flex-介绍 相比于传统布局，特点快，对移动端兼容性好； 面试：flex布局又叫伸缩 布局 、弹性布局 、伸缩盒布局 、弹性盒布局 ； 思想上：使用思想上和传统盒子完全不同，不要再想子元素是块级元素、行内元素等， 语法： 相比于传统布局，特点快，对移动端兼容性好； 面试：flex布局又叫伸缩 ...
分类：
其他好文 时间：
2019-09-11 22:10:53
阅读次数：
133
弹性盒子属性 一、align-content属性 属性作用：用于修改flex-wrap属性行为。类似于justify-content，但它不是设置弹性子元素的对齐，而是设置各个行的对齐。 属性值： flex-start 各行向侧轴的起始位置堆叠。 flex-end 各行向侧轴的结束位置堆叠。 cen ...
分类：
其他好文 时间：
2019-09-06 01:20:45
阅读次数：
121
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>横向手风琴</title> <style> * {margin: 0;padding: 0;} .container { width: 1000px; heig ...
分类：
其他好文 时间：
2019-09-02 10:01:30
阅读次数：
96
2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。时至今日，它已获得了所有浏览器的支持，这让flex布局成为未来布局的首选。 一、那何为Flex？ 其实Flex是Flexible Box的缩写，意为”弹性盒子”，用来为盒状模型提供最大的灵活性。 任何一 ...
分类：
其他好文 时间：
2019-08-31 17:21:30
阅读次数：
89
1 flex布局（弹性盒，英文Flexible Box） display：flex;类似于块级元素 display:inline-flex,类似于内联元素 注意：设为Flex布局以后，子元素的float，clear和vertical-align属性将会失效 2 容器的属性（添加在容器上）2.1 fl ...
分类：
其他好文 时间：
2019-08-26 19:37:44
阅读次数：
104
介绍 在css2当中，存在标准模式下的盒子模型和IE下的怪异盒子模型。这两种方案表示的是一种盒子模型的渲染模式。而在css3当中，新增加了弹性盒子模型，弹性盒子模型是一种新增加的强大的、灵活的布局方案。弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布 ...
分类：
Web程序 时间：
2019-08-24 11:45:01
阅读次数：
139
