CSS（Cascading Style Sheets）是一個(gè)用于網(wǎng)站設(shè)計(jì)的樣式表語(yǔ)言，通過 CSS 我們可以給 HTML 文檔添加樣式，如文字大小、顏色、字體、背景顏色等等。在 CSS 中定位字符串，是一種非常通用的技術(shù)，可以方便地對(duì)文本進(jìn)行處理和定位。

CSS 定位字符串主要有兩種方式：絕對(duì)定位和相對(duì)定位。在這兩種方法中，我們都會(huì)使用一些 CSS 標(biāo)簽來完成定位字符串的工作，其中 pre 標(biāo)簽也是一個(gè)很常用的標(biāo)簽。

下面我們先來看看什么是絕對(duì)定位：

.selector{
position:absolute;
left:200px;
top:200px;
}

上面的代碼將.selector這個(gè)選擇器進(jìn)行絕對(duì)定位，在 left 和 top 分別指定了相對(duì)于頁(yè)面左上角偏離的像素?cái)?shù)，通過這種方式我們很容易就能實(shí)現(xiàn)定位字符串。

接下來，我們來看一下相對(duì)定位的實(shí)現(xiàn)方式：

.selector{
position:relative;
left:100px;
top:50px;
}

在相對(duì)定位中，left 和 top 給出的值是相對(duì)于當(dāng)前元素的原始位置進(jìn)行的偏移。如果要作用于字符串文本，我們可以像下面這樣做：

文本對(duì)齊方式:leftcenterright

在上面這個(gè)例子中，我們使用相對(duì)定位來對(duì)#text-align進(jìn)行了橫向偏移，實(shí)現(xiàn)了將下拉框的位置與 label 分離的效果。

總結(jié)：

CSS 定位字符串是網(wǎng)頁(yè)設(shè)計(jì)中必須掌握的技術(shù)，它不僅可以用于文本的定位和處理，還可以作用于圖片、背景等元素。在定位字符串時(shí)，我們可以使用 pre 標(biāo)簽對(duì)代碼段進(jìn)行排版，使其更加優(yōu)雅美觀。