Question

怎样设置文字右对齐 css

我用margin-left设置，但是左边字数不确定，导致右边不对齐了。用text-align：right也不行是为什么呢？

Answer 1

CSS中设置文字右对齐可以通过代码：<p align="对齐方式">文本段落</p>来实现，操作步骤如下：

1.新建一个html文档，如下图红框所示；

2.可以给文档改个名字，如下图红框所示；

3.然后输入文字内容，如下图红框所示；

4.进一步设置以下文字的对齐方式，示例代码如下：<p align="right">孔雀为什么要东南飞？</p>；

5.在浏览器中预览，文字就实现了右对齐，如下图红框所示；

6.如果将对齐方式的代码改为“left”，如下图红框所示；

7.预览结果文字就实现了左对齐，如下图红框所示；

8.或者改成“center”,如下图红框所示；

9.文字的位置有变成了居中，如下图红框所示，总结如下：文字对齐方式有：left（左）, center（中间）, right（右），可以根据需求进行设置即可。

Answer 2

CSS右对齐代码，代码如下：

这里最主要的一个CSS属性就是float:right，也就是浮动属性：右对齐，也可以改成float:left，改成这样后，可以扩展出许多的网页布局，比如最基础的网站导航菜单、友情链接列表、一行两列的文字列表等。

Answer 3

text-align 属性规定元素中的文本的水平对齐方式。
该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。

默认值：
如果 direction 属性是 ltr，则默认值是 left；如果 direction 是 rtl，则为 right。

继承性：
yes

版本：
CSS1

JavaScript 语法：
object.style.textAlign="right"

可能的值

值
描述

left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。

Answer 4

<style>
li{
position:relative;
}
li span{
position:absolute;
right:3px;
}
</style>

<li>222222222222<span>05-02</span></li>

是这个意思吧，这样<span>里的元素就能右对齐了，可控制离任何一边的距离

Answer 5

既然要设置成右对齐，就直接text-align：right就行了，还用margin-left干嘛？岂不多此一举