CSS中可以很方便的將文字放在div右邊,讓頁(yè)面排版更加美觀。下面就來(lái)介紹一下如何實(shí)現(xiàn)。
.div-class { float: right; margin-left: 15px; }
以上代碼中,我們給要放置文字的div添加了一個(gè)類(lèi)名,然后使用了float屬性將div向右浮動(dòng)。由于浮動(dòng)會(huì)使得文本環(huán)繞其周?chē)孕枰o它一個(gè)左邊距,以免文字與div重疊。
此時(shí),我們只是將div向右浮動(dòng)了,并沒(méi)有將文字放置在右邊。因此,還需要加上一些處理文字的CSS代碼。
.div-class p { text-align: right; }
以上代碼中,我們選中了div中的p標(biāo)簽,然后對(duì)其使用text-align屬性,將文字對(duì)齊到右邊。
至此,我們成功地將文字放在了div右邊,頁(yè)面排版也變得更加美觀了。