用div+css如何让字靠右对齐

html-css054

用div+css如何让字靠右对齐,第1张

可以用“text-align:right”让文字靠右对齐。

1、新建html文档,在body标签中添加div标签,为div设置一个id,这里以“demo”为例:

2、在div标签中添加文字,然后为div标签设置宽高和边框,这时默认情况下文字靠右对齐:

3、为div添加“text-align:right”,其中“text-align”指的是文本对齐方式,“right”指的是靠右对齐,这时网页中文字将会靠右对齐:

比如box是一个div,如下示例:

.box{

float:left}//向左浮动显示了

.box{float:right}//向右浮动显示了

.box{width:980px

margin:0px

auto}//居中显示了

.box{margin-top:5pxmargin-bottom:5pxmargin-left:5pxmargin-right:5pxpadding-left:5px}这个前面的分别是外面距,距上,下,左,右,后面是内边距距左,其它的也一样子的道理

在HTML调用有两种方法,第一种,直接把这个写在html的head文件里面,

在这里是CSS代码

,或者直接建CSS文件,把代码写里面,在HTML引入,

上下居中··这个肯定就要用js算出来了···靠右对齐有很多种方法··position: fixedright: 0这样就靠右并且随滚动条滚动·一直固定在位置上···如果你是要做那种右下角的小窗口···纯css是不能解决问题的·