我想在浮動容器中右鍵對齊塊元素.

假設以下標記.

current wanted

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

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

|| | | | | ||

|| | | | | ||

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

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

|| | | | | ||

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

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

我試過的

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

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

>將圖像浮動到右邊 – 不工作,因為我不想在同一行上的圖像.此外,浮動圖像不再推下面的內容.

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

UPDATE

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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。