這篇文章主要介紹了css如何移動(dòng)文字,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
在云和等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供做網(wǎng)站、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),營(yíng)銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站制作,云和網(wǎng)站建設(shè)費(fèi)用合理。
css實(shí)現(xiàn)移動(dòng)文字的方法:1、在塊元素容器中,可以用“text-align:center、left、right”來(lái)移動(dòng)文字的位置;2、使用float和padding屬性;3、通過(guò)position定位實(shí)現(xiàn)文字移動(dòng)。
css移動(dòng)文字
首先可以用個(gè)容器來(lái)包住文字,給寬和高。
然后,可以使用多種方法來(lái)移動(dòng)文字:
1、如果是在塊元素容器中,可以用text-align:center、left、right來(lái)移動(dòng)文字的位置。
2、可以用float
3、可以padding
4、使用position定位
先在父級(jí)元素設(shè)置position:relative;再在你需要移動(dòng)的容器里設(shè)置position:absolute;top、left、right、bottom這些方向該多少px就多少px
例如:
body{ width:900px; height:600px; position:relative; } div(這里是你要移動(dòng)的容器){ width:200px; height:123px; position:absolute; top:10px; left:5px; }
5、如果是在行內(nèi)元素容器中,可以用text-indent:15px;(這個(gè)是文段縮進(jìn)。在文段前面縮進(jìn)可以兩個(gè)可以用到)
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“css如何移動(dòng)文字”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!