Web前端基礎知識

請多指教！

整理一下關於佈局：

水平居中(常用的)：

1. 最常見的是：margin：0 auto;記住要指定寬度。

2. 將父元素：text-align:center;子元素：display：inline-block;記住要指定寬度。

3. 將父元素：display：flex;justify-content:center;
   

垂直居中(常用的)：

 1.將父元素：display:flex;align-items:center;

2..將父元素：display:table-cell;vertical-align:middle;

多列佈局：

1.  左：float:left;設置寬高；  右：float:left;設置寬高；

2. 將父元素設置為：display:flex;即可

3. 將父元素，子元素全部設置為：display：table-cell;

響應式佈局：

设置布局宽度等于设备宽度，布局viewport等于度量viewport

<meta name="viewport" content="width=device-width,initial-scale=1">