html style设置靠右,css怎么设置右对齐

  • Post author:
  • Post category:其他

css设置右对齐的方法:1、通过使用cssposition属性来实现右对齐效果;2、通过float属性实现右对齐效果;3、通过text-align属性实现右对齐效果。

f47910027cb1688350a55ff9626a170f.png

本文操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

通过css设置右对齐方法详解:

1、通过css的position属性实现右对齐

右对齐

以下实例演示了如何使用 position 来实现右对齐:

元素右对齐

css代码:

.right {

position: absolute;

right: 0px;

width: 300px;

border: 3px solid #73AD21;

padding: 10px;

}

效果图:

10c6bcf2ea75d35e26668692291cbe69.png

2、通过float属性实现右对齐

img

{

float:right

}