行內(nèi)元素 還是 塊狀元素 ，塊狀元素里面又分為定寬塊狀元素，以及不定寬塊狀元素
一、左右居中
1.行內(nèi)元素：
常用的inline元素有：
<a>、<span>、
、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
（1）給父元素設(shè)置
text-align:center

2.塊狀元素：
常用的塊狀元素有，
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
（1）定寬塊狀元素（width值或百分比已經(jīng)固定的元素）
①通過設(shè)置“左右margin”值為“auto”來實現(xiàn)居中的。
width:200px;margin:20px auto;
（2）不定寬元素（width值且百分比沒有固定）
①加入 table 標(biāo)簽
②設(shè)置 display: inline 方法：與第一種類似，顯示類型設(shè)為 行內(nèi)元素，進(jìn)行不定寬元素的屬性設(shè)置
③設(shè)置 position:relative和 left:50%：利用 相對定位 的方式，將元素向左偏移 50% ，即達(dá)到居中的目的
二、垂直居中
1.父元素高度確定的單行文本：
height:100px;line-height:100px;

2.父元素高度確定的多行文本：
（1）通過table屬性設(shè)置（tr、td、etc）
vertical-align：middle

（2）或者
display:table-cell;

學(xué)習(xí)前端的同學(xué)注意了！??！
學(xué)習(xí)過程中遇到什么問題或者想獲取學(xué)習(xí)資源的話，歡迎加入前端學(xué)習(xí)交流群461593224，我們一起學(xué)前端！