CSS中可以通過定位來控制文字的位置,讓文字位置固定不變。通過設置定位屬性,可以將文字放置到任何位置。
p { position: absolute; /*定位方式為絕對定位*/ top: 50%; /*距離頁面頂部50%的位置*/ left: 50%; /*距離頁面左側50%的位置*/ transform: translate(-50%, -50%); /*將文字居中對齊*/ }
上述代碼中,設置了p標簽的定位方式為絕對定位,然后使用top和left屬性將其定位到頁面的中心位置。使用transform屬性的translate函數將文字居中對齊。
除了使用絕對定位外,還可以使用固定定位來固定文字的位置。如下代碼所示:
p { position: fixed; /*定位方式為固定定位*/ top: 0; /*距離頁面頂部0像素*/ right: 0; /*距離頁面右側0像素*/ margin: 20px; /*設置文字與頁面邊緣的距離*/ }
上述代碼中,使用了固定定位將p標簽的位置固定在頁面的右上角,同時使用margin屬性將文字與頁面邊緣留出一定的距離。
通過上述兩種方法,可以實現文字位置的固定,從而更好地布局頁面。
下一篇css 文字偶數行