css-flex布局 语法篇
快速搞懂flex布局(案例在最后链接里，纯语法，方便记忆) 什么是flex布局？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 .box{
displa...
- 博客
- 内容不够 让footer始终在页面底部的方法https://blog.mazey.net/1716.html header{ height:10px; display:sticky; } content{ min-height: calc(100vh - 10px ); display:flex; flex-dire...博客
- flex布局中的align-items和align-content的区别flex布局中的align-items和align-content的区别 目录 flex布局中的align-items和align-content的区别 一.简介 二.相同点 三.不同点 四.代码 五.效果图 一.简介 在学习flex布局过程中,align-items和align-conten...博客
- div 内元素的垂直居中小主今天偷点懒利用上班时间整理一下 div 内元素的居中（不论垂直还是水平通用）问题的解决方法： 本文的中心是利用 css 中的 display属性；通常的方便的是使用 Flex/Grid 属性，今天就在介绍一种更方便的方法通过使用 display:table-cell; vert...博客
- css之html标签中常见的的inline、inline-block、block元素HTML中常见的inline、inline-block、block元素 display常用属性值 none：隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间 inline：内联元素 inline-block：内联块级元素 block：块元素 flex：...博客
- CSS3 FLEX 弹性盒模型让布局飞起来 -cyy弹性布局初体验： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....博客
- CSS3 FLEX 弹性盒模型让布局飞起来-2 -cyy布局小米移动端页面结构： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...博客
- 制作 MarkText 的导航栏和动画变色背景效果展示 show 个人布局与官网布局的不同 官网用 flex 布局垂直居中 logo 图片和文字；我是用 float 和 line-height 来近似垂直居中 官网右侧 nav 栏是 nav > a 的结构，代码简洁些；我是使用了 nav > ul > li > a 的结构，添加语义 全屏...博客
- 【图解】FlexGrid Explorer 全功能问世前言 在去年的时候，我们推出了FlexGrid Demo,包含了FlexGrid的常用功能，如分组、滚动、冻结、自定义单元格类型、搜索面板、表格过滤器、树形结构、合并单元等，目前我们又在里面添加很多了不起的新功能，本次的更新主要有两点： FlexGrid Demo 正式更名为FlexGrid ...博客
- 轻轻松松学CSS:Grid布局网页布局总的来说经历了以下四个阶段： 1、古老的table表格布局，现在基本已被淘汰。 2、float浮动布局（或者position定位布局），借助float、position 等属性等进行布局，这种方法很成熟，兼容性非常好，现在使用的比较多，但比较繁琐。 3、flex弹性布局，革...博客
