css如何移動文字

發(fā)布時間：2021-01-18 11:11:30 來源：億速云閱讀：984 作者：小新欄目：web開發(fā)

這篇文章主要介紹了css如何移動文字，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

css實現(xiàn)移動文字的方法：1、在塊元素容器中，可以用“text-align：center、left、right”來移動文字的位置；2、使用float和padding屬性；3、通過position定位實現(xiàn)文字移動。

css移動文字

首先可以用個容器來包住文字，給寬和高。

然后，可以使用多種方法來移動文字：

1、如果是在塊元素容器中，可以用text-align：center、left、right來移動文字的位置。

2、可以用float

3、可以padding

4、使用position定位

先在父級元素設置position：relative；再在你需要移動的容器里設置position：absolute；top、left、right、bottom這些方向該多少px就多少px

例如：

body{
width：900px;
height：600px;
position：relative;
}
div（這里是你要移動的容器）{
width：200px;
height：123px;
position：absolute;
top：10px;
left：5px;
}

5、如果是在行內(nèi)元素容器中，可以用text-indent：15px；（這個是文段縮進。在文段前面縮進可以兩個可以用到）

感謝你能夠認真閱讀完這篇文章，希望小編分享的“css如何移動文字”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

向AI問一下細節(jié)

猜你喜歡