网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各 ...
分类：
其他好文 时间：
2019-12-23 18:26:08
阅读次数：
80
div水平居中 1.行内元素 .parent{ text align: center } 2.块级元素 .son{ margin: 0 auto ; } 3.flex布局 .parent{ display: flex; justify content: center } 4.绝对定位 定宽 .son ...
分类：
Web程序 时间：
2019-12-23 16:38:26
阅读次数：
91
在项目练习中，发现利用弹性布局方式为盒子设置相同的属性： .main>.section{ display: flex; height: 100px; margin: 4px 2px; } .main>.section>.col{ background: #ff5555; flex: auto ; b ...
分类：
其他好文 时间：
2019-12-23 16:37:09
阅读次数：
64
一、VUE 效果： 代码： 1 <template> 2 <div> 3 <el-row style="height:40px" type="flex"> 4 <el-col :span="6"> 5 <p>{{res}}</p></el-col> 6 <el-col :span="2"> 7 <e ...
分类：
其他好文 时间：
2019-12-22 20:28:45
阅读次数：
371
一、概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 上图这样的布局，就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性，都可 ...
分类：
Web程序 时间：
2019-12-21 18:58:31
阅读次数：
129
@mixin text-overflow(){ text-overflow:ellipsis; overflow: hidden; } @mixin flexCtn(){ display: -webkit-box; display: flex; display: -moz-box; display: ...
分类：
Web程序 时间：
2019-12-20 15:30:52
阅读次数：
291
MySQL必知必会：组合查询（Union） php mysql sql 阅读约 8 分钟 本篇文章主要介绍使用Union操作符将多个SELECT查询组合成一个结果集。本文参考《Mysql必知必会》+工作实践融合 组合查询 定义 在大多数开发中，使用一条SELECT查询就会返回一个结果集。如果，我们想 ...
分类：
数据库 时间：
2019-12-19 20:55:01
阅读次数：
86
最近写项目时也碰到了字体会模糊的情况，先简单描述一下问题 一个宽度固定但是高度auto的弹窗让他在屏幕当中展示（不能使用flex属性）， position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 用了以上代码让弹窗 ...
分类：
其他好文 时间：
2019-12-19 18:57:58
阅读次数：
85
ClustrixDB被授权为每个节点的最大核数以及集群的最大节点数。如果需要扩展许可证，请联系Clustrix Sales。扩容之前检查License是否支持节点数。 一、准备节点 提供节点并在每个节点上安装ClustrixDB，使用相同的版本和安装配置。 如果正在使用区域，请确保目标配置在每个区域 ...
分类：
数据库 时间：
2019-12-19 16:19:45
阅读次数：
103
元素水平垂直居中的方式有哪些？ absolute加margin方案 fixed 加 margin 方案 display:table 方案 行内元素line-height方案 flex 弹性布局方案 transform 未知元素宽高解决方案 absolute加margin方案 div{ positio ...
分类：
其他好文 时间：
2019-12-17 22:25:07
阅读次数：
103
