【CSS】布局基础知识

CSS布局

一、水平居中

1. 行内元素：text-align:center;

<ul class="center01">            
	<li><span>span行内元素</span></li>
	<li><img src="./01.JPG" alt=""></li>
	<li><button>button按钮</button></li>            					   
	<li><a href="#">a标签</a></li>
</ul>

.center01 {
   
	text-align: center;
}

2. 块级元素：

设置宽度，不能是100%；
margin：0 auto；

<ul class="center02">
    <li>
    	<p class="block01">块元素</p>
    </li>
    <li>
		<div class="b02">多个块级元素在同一级</div>
		<p class=