css设置右对齐的方法:1、通过使用cssposition属性来实现右对齐效果;2、通过float属性实现右对齐效果;3、通过text-align属性实现右对齐效果。
本文操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
通过css设置右对齐方法详解:
1、通过css的position属性实现右对齐
右对齐
以下实例演示了如何使用 position 来实现右对齐:
元素右对齐
css代码:
.right {
position: absolute;
right: 0px;
width: 300px;
border: 3px solid #73AD21;
padding: 10px;
}
效果图:
2、通过float属性实现右对齐
img
{
float:right
}