CSS中可以使用position
屬性將元素浮動(dòng)起來,對(duì)于圖標(biāo),我們可以將其設(shè)置為position:absolute
,然后調(diào)整其top
、right
、bottom
、left
屬性,使其浮動(dòng)到所需位置。
我們可以將圖標(biāo)浮動(dòng)到頁面的右下角:
.icon { position: absolute; right: 0; bottom: 0; }
上述代碼將圖標(biāo)元素設(shè)置為***定位,并將其浮動(dòng)到頁面的右下角,你可以根據(jù)需要調(diào)整right
和bottom
的值,使圖標(biāo)浮動(dòng)到其他位置。
如果你希望圖標(biāo)在頁面中水平或垂直居中,可以使用margin
屬性:
.icon { position: absolute; top: 50%; left: 50%; margin-top: -16px; /* 假設(shè)圖標(biāo)高度為32px */ margin-left: -16px; /* 假設(shè)圖標(biāo)寬度為32px */ }
上述代碼將圖標(biāo)元素設(shè)置為***定位,并將其水平垂直居中,你需要根據(jù)圖標(biāo)的大小調(diào)整margin-top
和margin-left
的值。