父级给相对定位，子级给绝对定位，margin设置为auto，上下左右值设为0。 父级给相对定位，子级给绝对定位，设置left和top为50%，再向左和向上移动负的子级一半。 父级设置display:flex;justify-content: cneter;align-items: center ...

一，使用line-height样式 <style> div { width: 300px; height: 200px; // 元素高度 background: lightgray ...

首先，介绍一下行内元素和块级元素，这个很重要，因为有的属性只能用于块元素，而有的正好相反，在一定的情况下，它们也可以相互转换，比如用display来进行设置。 行内元素: ①不占据一整行，随内容而定，有以下特点： ②不可以设置宽高，也不可以设置行高，其宽度随着内容增加，高度随字体大小而改变 ...

一、背景 　　我们在设计页面的时候，经常要把div等块级元素居中显示，而且是相对页面窗口水平和垂直方向居中显示，如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让div等块级元素居中。在本文中，我将给大家讲述如何用CSS和jQuery两种方法让div等块级元素水平和垂直居中 ...

在写代码前，先做下准备工作，写两个div,设置下div的大小，把小的div放在大的div里面。可以给小的div设置下颜色，方便观看. 方法一：写一个伪元素，将它设置为行内块元素，高度与父元素相同，写一条属性，vertical-align:middle,子元素也要写，具体代码 ...

本文以<div>元素为例 本文转载 1.已知块级元素的宽和高，使用绝对定位absolute和外边距实现水平垂直居中。 父元素position:relative，子元素position:absolute;top:50%;left:50%;margin-top:-height ...

元素的居中问题是每个初学者碰到的第一个大问题，在此我总结了下各种块级 行级 水平 垂直 的居中方法，并尽量给出代码实例。 首先请先明白块级元素和行级元素的区别 块级元素 块级元素水平居中 1：margin: 0 auto 2：负边距+绝对定位 ...

什么叫行内元素（内联元素）？ 常见的span、a、lable、strong、b等html标签都是行内元素 默认情况下，行内元素均无法设置宽度、高度、上下方向margin的外边距等 一般在css中添加属性： display:inline //这时设置成了内联元素 什么叫块级元素 ...