在CSS中,我們可以使用position屬性來(lái)改變字的位置,這個(gè)屬性有很多種取值,下面我們來(lái)看看。
p { position: relative; left: 20px; top: 10px;}
position屬性可以設(shè)置為一個(gè)元素的定位方式,比如static、relative、absolute、fixed等等。這里我們是將其設(shè)置為relative,表示元素相對(duì)于它正常位置的偏移量來(lái)定位。接下來(lái),用left屬性和top屬性分別指定字向右和向下偏移的像素值。
除了relative外,position屬性還可以設(shè)置為absolute,表示元素相對(duì)于其最近的非static定位祖先元素定位。如果沒(méi)有這樣的元素存在,那么它相對(duì)于body元素定位。如果設(shè)置為fixed,則表示元素相對(duì)于瀏覽器窗口定位,它不會(huì)隨滾動(dòng)條滾動(dòng)而移動(dòng)。
p { position: absolute; left: 200px; top: 100px;}
除了指定偏移量外,還可以使用transform: translate(x, y);來(lái)移動(dòng)字,它通過(guò)指定x和y坐標(biāo)的值實(shí)現(xiàn)偏移。以下是一個(gè)例子:
p { position: relative; transform: translate(50px, 30px);}
上面就是CSS中改變字的位置所需要的相關(guān)屬性和取值,掌握了這些,你就可以輕松地定位和移動(dòng)你的文字了。