請多指教!
整理一下關於佈局:
水平居中(常用的):
最常見的是:margin:0 auto;記住要指定寬度。
將父元素:text-align:center;子元素:display:inline-block;記住要指定寬度。
將父元素:display:flex;justify-content:center;
垂直居中(常用的):
1.將父元素:display:flex;align-items:center;
2..將父元素:display:table-cell;vertical-align:middle;
多列佈局:
左:float:left;設置寬高; 右:float:left;設置寬高;
將父元素設置為:display:flex;即可
將父元素,子元素全部設置為:display:table-cell;
響應式佈局:
设置布局宽度等于设备宽度,布局viewport等于度量viewport
<meta name="viewport" content="width=device-width,initial-scale=1">
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦