首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 →  php教程> html怎么设置文字居中对齐

html怎么设置文字居中对齐

时间：2021-07-03

来源：互联网

标签：

在手机上看
手机扫描阅读

今天PHP爱好者给大家带来html设置文字居中对齐的方法是，给段落文字添加text-align属性，并且设置属性值为center即可，例如。text-align属性指定了元素文本的水平对齐方式。希望对大家有所帮

本文操作环境：windows10系统、html 5、thinkpad t480电脑。

要把文本设置成居中对齐，只需要借助于text-align属性即可。也许有些刚刚接触编程的小伙伴还不太了解text-algin属性，不明白它有什么用处，下面我就来为大家简单介绍下该属性。

text-align属性指定元素文本的水平对齐方式。

常用属性值如下：

  • left    把文本排列到左边。默认值：由浏览器决定。

  • right    把文本排列到右边。

  • center    把文本排列到中间。

  • justify    实现两端对齐文本效果。

  • inherit    规定应该从父元素继承 text-align 属性的值。

代码演示：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php爱好者(php.cn)</title> 
<style>
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>

运行结果如下显示：

2c0d4cc3cce6f9d14d5f782183490e9.png

以上就是html怎么设置文字居中对齐的详细内容，更多请关注php爱好者其它相关文章！

相关阅读 更多

今日更新

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net