css中text-align属性的使用方法-创新互联

小编给大家分享一下css中text-align属性的使用方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

成都创新互联公司是一家集网站建设,白山企业网站建设,白山品牌网站建设,网站定制,白山网站建设报价,网络营销,网络优化,白山网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

css text-align属性怎么用？

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

语法：

text-align : left | right | center | justify | inherit;

属性值：

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

●　right：把文本排列到右边。

●　center：把文本排列到中间。

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

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

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

注释：所有浏览器都支持 text-align 属性。任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

css text-align属性示例

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style type="text/css">
			.box{
				width: 400px;
				height: 200px;
				border: 1px solid red;
			}
			h2 {
				text-align: center
			}
			
			h3 {
				text-align: left
			}
			
			h4 {
				text-align: right
			}
		</style>
	</head>

	<body>
		<div class="box">
			<h2>这是标题 1</h2>
			<h3>这是标题 2</h3>
			<h4>这是标题 3</h4>
		</div>
		
	</body>

</html>

效果图：

css中text-align属性的使用方法

以上是css中text-align属性的使用方法的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站制作公司行业资讯频道！

分享文章：css中text-align属性的使用方法-创新互联
转载来于：https://www.cdcxhl.com/article30/cehdpo.html

成都网站建设公司_创新互联，为您提供定制网站、网站导航、品牌网站建设、云服务器、品牌网站制作、域名注册

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容