成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)頁前端切圖之居中對(duì)齊方式(網(wǎng)頁怎么切圖給前端)

2024-01-29    分類: 網(wǎng)站建設(shè)

關(guān)于居中對(duì)齊,之前有記錄了絕對(duì)定位、display: inline-block、margin-top和table-cell的幾種對(duì)齊方式,還可以用絕對(duì)定位和transform,如下圖:
這個(gè)是不需要固定的寬度和高度,設(shè)置translate成50%就可以了,它的偏移是根據(jù)元素的寬高的50%。
如果只是需要移動(dòng)端使用,用flex布局也很不錯(cuò),如下圖:
不過應(yīng)用于PC端就要考慮兼容性的問題了。
記了這么一些關(guān)于垂直居中的,關(guān)于水平居中,行內(nèi)元素例如span的要設(shè)置水平居中,需要在它的父元素設(shè)置text-align:center;
塊狀元素需要?jiǎng)澐质谴_定寬度和不確定寬度;確定寬度的塊狀元素需要設(shè)置margin:0 auto; margin的上下可以按自己需求設(shè)置。不確定寬度的塊狀元素,例如div,可以用table,把div放進(jìn)table的td里面,將table設(shè)置margin: 0 auto ;
或者采用另一方法,將不確定寬度的塊狀元素div設(shè)置display: inline; 改變類型,然后它的父級(jí)元素設(shè)置text-align:center;用來實(shí)現(xiàn)想要的效果。

以上就是關(guān)于網(wǎng)頁前端切圖之居中對(duì)齊方式(網(wǎng)頁怎么切圖給前端),希望對(duì)你有幫助,更多內(nèi)容關(guān)注創(chuàng)新互聯(lián)。

網(wǎng)站欄目:網(wǎng)頁前端切圖之居中對(duì)齊方式(網(wǎng)頁怎么切圖給前端)
文章URL:http://jinyejixie.com/news38/316088.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、網(wǎng)頁設(shè)計(jì)公司電子商務(wù)、云服務(wù)器建站公司、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
图片| 卓尼县| 通江县| 修水县| 凭祥市| 广饶县| 静乐县| 鹤壁市| 仁化县| 瓮安县| 志丹县| 富宁县| 牙克石市| 涪陵区| 宜黄县| 临沂市| 化德县| 化德县| 金秀| 会泽县| 桐城市| 塔城市| 宁德市| 临潭县| 遂平县| 吉隆县| 榆树市| 武鸣县| 伊金霍洛旗| 宜君县| 舟山市| 泰宁县| 宜都市| 竹山县| 合水县| 辽阳市| 沁水县| 南开区| 白朗县| 区。| 延安市|