html文本横向对齐的写法

来源：互联网 2023-03-16 19:11:01 251

现在我给三段文本，来所这个标签进行说明

工具/原料

现在我给三段文本，来所这个标签进行说明，我写一一个p段落标签，并给这个段落标签一些文字

代码如下：

body>

p id="wode">我是文本一/

/body>

html文本横向对齐的写法

现在我们需要设置它的对齐方式，就要使用到text-aling标签

代码如下：

#wode{

text-align:center;}

这里我给的是居中center

html文本横向对齐的写法

显示器显示的效果如图所示

html文本横向对齐的写法

加入这里需要的是向右对齐，那也很简单，直接把text-aling后边的值改成right就可以了，

代码如下：

#wode{

text-align:right;}

html文本横向对齐的写法

浏览器显示如图所示，文本显示就会靠近最右边

html文本横向对齐的写法

5该信息未经许可获取自百度经验

最后说明一下，text-aling的值有一下几种

左对齐：left

居中：center

右对齐：right

左对齐是浏览器的默认对齐方式，这就是当我们把全部对齐方式都设置居中或者是居右的时候，我们需要对某小段进行居左对齐的时候机会用到

#wode{

text-align:right;

text-align:left;

text-align:center;

}

html文本横向对齐的写法

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML

上一篇：使用记事本建立第一个html页面下一篇：HTML5 Canvas水面下太阳特效