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

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

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

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

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

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

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

猜你還喜歡下面的內(nèi)容

網(wǎng)站建設(shè)后如何做好seo網(wǎng)站推廣優(yōu)化呢？ 2024-01-14
CSS顏色及背景屬性 2024-01-14
企業(yè)網(wǎng)站設(shè)計誤解的幾個知識點(企業(yè)網(wǎng)站域名設(shè)計與查詢) 2024-01-14
企業(yè)建網(wǎng)站如何通過網(wǎng)站展示企業(yè)實力？ 2024-01-14
跟用戶聊天，跟自己聊天。 2024-01-14
網(wǎng)站優(yōu)化用戶體驗四大分析 2024-01-14
定制網(wǎng)站設(shè)計可以指定特定的設(shè)計師嗎？ 2024-01-14