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

html-css09

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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