編碼的世界 / 優質文選 / 生涯

css怎麼設置右對齊?


2022年7月07日
-   

css設置右對齊的方法:1、使用cssposition屬性實現右對齊。2、通過float屬性實現右對齊。3、通過text-align屬性實現右對齊。
通過css設置右對齊方法詳解:
1、通過css的position屬性實現右對齊

右對齊


以下實例演示了如何使用 position 來實現右對齊:
元素右對齊
css代碼:.right {
position: absolute;
right: 0px;
width: 300px;
border: 3px solid #73AD21;
padding: 10px;
}
效果圖:
2、通過float屬性實現右對齊
img
{
float:right
}
在下面的段落中,我們添加了一個樣式為 float:right 的圖像。結果是這個圖像會浮動到段落的右側。
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. Thi

熱門文章