CSS中,我們可以使用position屬性來單獨(dú)指定文字的定位,這個(gè)屬性允許你控制元素在網(wǎng)頁上的位置,包括水平位置(left、right)、垂直位置(top、bottom)以及z軸(z-index)。
如果你想讓某段文字出現(xiàn)在頁面的特定位置,你可以這樣寫:
p { position: absolute; left: 10px; top: 20px; }
這段CSS代碼會(huì)將所有段落(p元素)定位在距離頁面左側(cè)10像素、距離頁面頂部20像素的位置。
如果你想要讓文字相對(duì)于其正常位置進(jìn)行定位,可以使用relative關(guān)鍵詞:
p { position: relative; left: 10px; top: 20px; }
這段CSS代碼會(huì)將所有段落(p元素)相對(duì)于其正常位置向右移動(dòng)10像素、向下移動(dòng)20像素。
還有一種定位方式是使用fixed關(guān)鍵詞,這種定位方式會(huì)讓元素固定在頁面的某個(gè)位置,即使頁面滾動(dòng),它也會(huì)始終保持在那個(gè)位置:
p { position: fixed; left: 10px; top: 20px; }
這段CSS代碼會(huì)將所有段落(p元素)固定在距離頁面左側(cè)10像素、距離頁面頂部20像素的位置。
就是如何在CSS中單獨(dú)指定文字定位的方法。