前端制作之cssposition居中(web前端表格制作)

2024-01-14    分類(lèi)： 網(wǎng)站建設(shè)

在現(xiàn)在大分部網(wǎng)站中都會(huì)使用定位（position）把一個(gè)div盒子（a）移至我們想放置的位置上，而往往這個(gè)我們想放置的位置是div盒子（a）在父級(jí)盒子（b）中上下左右居中顯示，我們會(huì)用到position兩種屬性值absolute（絕對(duì)定位）和relative（相對(duì)定位）。
absolute（絕對(duì)定位）：元素會(huì)脫離原來(lái)的文檔流，使用left，right，top，bottom等屬性設(shè)置的值相對(duì)于定位設(shè)置（relative（相對(duì)定位））的父級(jí)對(duì)象進(jìn)行絕對(duì)定位，如果父級(jí)沒(méi)有進(jìn)行定位屬性設(shè)置，就會(huì)一層一層往上直到有定位的祖輩級(jí)元素為止，同時(shí)絕對(duì)定位的對(duì)象可層疊。
relative（相對(duì)定位）：元素不會(huì)脫離原來(lái)的文檔流，使用left，right，top，bottom等屬性在正常的文檔流中進(jìn)行定位，其對(duì)象不可以層疊。設(shè)置b盒子為relative（相對(duì)定位），a盒子為absolute（絕對(duì)定位），a盒子的寬高固定，top、left、right、bottom的值為0，margin：auto；代碼如下圖：

以上就是關(guān)于前端制作之css position居中(web前端表格制作)，希望對(duì)你有幫助，更多內(nèi)容關(guān)注創(chuàng)新互聯(lián)。

新聞名稱：前端制作之cssposition居中(web前端表格制作)
網(wǎng)址分享：http://www.muchs.cn/news25/313675.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、域名注冊(cè)、網(wǎng)站改版、App開(kāi)發(fā)、網(wǎng)站策劃、標(biāo)簽優(yōu)化

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)