CSS 之 Float & Clear
摘要：float 可对行元素和块元素生效 float 会让元素脱离正常文档流，脱离后 if float设为left then 元素向左移动； if 容器边界已有其他浮动元素 then 元素停靠在浮动元素右边； end if end if 上图中 1 左浮动到容器左边沿，2 左浮到1 右边，2 会被后面的行
阅读全文
posted @ 2020-12-09 17:10
随笔分类 - 前端 - CSS
Bootstrap布局之Flex
摘要：目录 概述 Direction justify-content align-items align-self flex-fill 概述：bootstrap的flex布局基于Direction相关的两个css flex-row 和 flex-column，flex-row是默认样式。基于这两个样式，应
阅读全文
posted @ 2020-12-04 15:39
居中方案
摘要：基础知识： 元素默认布局 在html5解析引擎下<!DOCTYPE html>，行内元素根据元素内容来确定宽度，块元素会自动伸展布满浏览器或父容器 如下可见，div 默认布满一行，span属于行内元素，根据内容扩展宽度。 水平居中 设定宽度并小于100%，将元素的margin-left,right设
阅读全文
posted @ 2017-06-15 17:52
