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

html-css045

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

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

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

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

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

好像没这个属性……只能用JS计算尺寸然后顶一下吧……外层DIV套俩小DIV,然后先让上层的高度为0,下层自然,然后取clientHeight,再计算出差值后,让上层的高度等于这个差。

给div加line-height再给div个height和overflow:hidden 这种是单行的。。多行的就给文字用margin-top和给div上padding-top都可以。。给文字用margin-top的话要文字在块级元素里才行

有很多种方法可以实现。

随便写几种。

------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*你自己定义的宽*/

height: xx px /*你自己定义的高*/

overflow:hidden/*超出部分隐藏*/}

.text span{

margin-top:xx px/*离上边距离*/

margin-left:xx px/*离左边距离*/

}

html部分:

<div class="text"><span>字</span></div>

------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*你自己定义的宽*/

height: xx px /*你自己定义的高*/

position:relative/*相对定位*/}

.text span{

position:absolute/*绝对定位*/

top:xx px/*离上边距离*/

left:xx px/*离左边距离*/

}

html部分:

<div class="text"><span>字</span></div>

--------------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*注意,这里是你自己定义的宽减去padding-left的值*/

height: xx px /*注意,这里是你你自己定义的高减去padding-top的值*/

padding-top:xx px/*离上边距离*/

padding-left:xx px/*离左边距离*/

}

html部分:

<div class="text">字</div>

lz自己选吧。