CSS文本如何移動？

代碼示例：
.move-text {
position: relative;
left: 50px;
top: 30px;
}

在CSS中，我們可以使用position屬性來控制元素的位置。通常有以下四種值：

• static：默認值，元素按照正常文檔流進行布局，不做特殊定位處理。
• relative：元素在正常文檔流中占據位置，但相對原來的位置進行了偏移，偏移的方式是使用top、bottom、left、right屬性。
• absolute：元素從文檔流中完全脫離，相對于父元素或根元素進行定位，操作也是通過top、bottom、left、right進行偏移。
• fixed：元素相對于瀏覽器窗口定位，也是使用top、bottom、left、right進行定位。

針對上述值，我們可以看到，使用relative屬性可以實現文本的移動。通過left和top屬性控制元素的位置，實現移動效果。

代碼示例：
.move-text {
position: absolute;
left: 50px;
top: 30px;
}

需要注意的是，使用relative和absolute屬性進行定位時，元素的原位置依然被保留，只是相對于其原位置進行偏移。同時，使用absolute屬性進行定位時，需要保證父元素擁有相對定位或絕對定位屬性，否則會根據根元素進行定位。

代碼示例：
.parent {
position: relative;
}
.move-text {
position: absolute;
left: 50px;
top: 30px;
}

以上就是CSS文本移動的介紹，希望對大家有所幫助！