我想在浮動(dòng)容器中右鍵對(duì)齊塊元素.

假設(shè)以下標(biāo)記.

current wanted

+-----------+ +-----------+

|+-------+ | | +-------+|

|| | | | | ||

|| | | | | ||

|+-------+ | ---> | +-------+|

|+----+ | | +----+|

|| | | | | ||

|+----+ | | +----+|

+-----------+ +-----------+

我試過(guò)的

> div {text-align：right; } – 在IE8中工作,在Firefox中失敗(自然,圖像是塊,不應(yīng)受文本對(duì)齊的影響)

> img {margin：0 0 0 auto; } – 在Firefox中工作,在IE8中失敗

>將圖像浮動(dòng)到右邊 – 不工作,因?yàn)槲也幌朐谕恍猩系膱D像.此外,浮動(dòng)圖像不再推下面的內(nèi)容.

還有什么可以嘗試的？我更喜歡純CSS解決方案,如果這是可能的話.

UPDATE

設(shè)置float：right;適用于所有真正的瀏覽器,對(duì)于IE8,它會(huì)在整個(gè)寬度上首先將圖像框擴(kuò)展到第一行,并將文本按下框.

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的html语言右对齐,在HTML中右对齐块元素的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。