摘要: 一、水平居中 方法一: 通过给父元素添加display: flex; justify-content: center;使其水平居中。 方法二: 通过给元素添加margin: 0 auto;使其水平居中。 方法三: 通过给父元素添加position:relative; 子元素添加position: a 阅读全文
posted @ 2019-09-18 17:55 从此刻开始 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 一、行内元素和块级元素 1.1、块级元素(block): 它独占一行; 它的宽高可以设置; 默认时,宽度是100%; 例如:<div>、<h1-h6>、<ul>、<ol> 、<li>等。 1.2、行内元素(inline): 它的宽度由内容决定,高度有内容字体大小决定; 它不可以设置宽高; 它可以和其 阅读全文
posted @ 2019-09-18 16:59 从此刻开始 阅读(3935) 评论(0) 推荐(1) 编辑
摘要: 一、Flex布局的定义 Flex:弹性布局。 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。 它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。 ①、任何一个容器都可以使用Flex布局。 display:fle 阅读全文
posted @ 2019-09-18 15:41 从此刻开始 阅读(277) 评论(0) 推荐(0) 编辑