目录 水平居中 行内元素 块级元素 方案一：(分宽度定不定两种情况) 方案二：使用定位属性 方案三：使用flexbox布局实现（宽度定不定都可以） 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一：使用定位属性 方案二：使用flex ...
分类：
Web程序 时间：
2020-07-05 23:12:37
阅读次数：
99
html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body { background-color: #eeeeee; display: flex; justify-content: center; align-items ...
分类：
Web程序 时间：
2020-07-05 17:17:12
阅读次数：
83
在i.MXRT所有Flash下载算法里，痞子衡认为Segger J-Link版的Flash下载算法是最应该掌握的，毕竟Segger提供了完善的软件工具支持（Jlink commander、J-Flash、Ozone），既可独立使用，也可嵌入其他MCU开发环境中使用（实际上它与Keil算法文件是兼容的... ...
分类：
编程语言 时间：
2020-07-04 22:35:13
阅读次数：
113
分享一种平时用的三段式布局(flex) 主要思路是 上中下 header&footer 给高度 main 占其余部分 html 部分 <div class='wrap'> <div class='header'></div> <div class='main'></div> <div class=' ...
分类：
其他好文 时间：
2020-07-04 17:13:29
阅读次数：
83
CSS 中文开发手册 规定灵活项目的方向 | flex-direction (Flexible Box Layout) - CSS 中文开发手册 CSSflex-direction属性指定了内部元素是如何在 flex 容器中布局的，定义了主轴的方向(正方向或反方向)。 本文标题：规定灵活项目的方向 ... ...
分类：
Web程序 时间：
2020-07-04 01:47:44
阅读次数：
82
<div class="flex"> <label>城市</label> <div class="dealerbo"> <select><option value="110000">北京市</option></select> </div></div> CSS .dealerbo { border-b ...
分类：
其他好文 时间：
2020-07-03 17:13:02
阅读次数：
77
要实现一个功能动态表单中嵌套动态表单如下： 仔细看看antd的文档其实不难 具体步骤如下（代码用ts写的） 1.建立一个 名为 ConcatRegion的组件（动态表单A）代码如下 接口如下： interface ConcatRegionProps { form: ReturnType<typeof ...
分类：
其他好文 时间：
2020-07-03 12:31:00
阅读次数：
77
Flex容器属性 display 要改变元素的模式为伸缩容器，需要使用display属性。 display:flex | inline-flex/*flex:设置为块级伸缩容器。 inline-flex:设置为内联级伸缩容器。*/ <!DOCTYPE html> <html lang="en" xm ...
分类：
其他好文 时间：
2020-07-02 21:29:07
阅读次数：
99
当 display: flex 配合 justify-content: center 使用时可以让view水平居中 而配合 align-items: center 用时可以实现垂直居中效果 .card-image-container{ width: 40%; height: 90%; align-i ...
分类：
微信 时间：
2020-06-30 10:35:20
阅读次数：
123
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地 ...
分类：
其他好文 时间：
2020-06-30 10:28:51
阅读次数：
76
