css 如何让“文本”在父级元素中水平居中对齐呢?


摘要:
下文讲述在css中,将文本水平居中对齐的方式分享,如下所示:


实现思路:
文本元素在父级元素中水平对齐,使用 text-align: center 即可实现此功能

例:
文本在div中水平居中对齐

 <html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)</title> 
<style>
.center {
    text-align: center;
    border:1px solid blue;
	background-color:black;
	color:white;
}
</style>
</head>
<body>

<h2>div中文本举例应用</h2>

<div class="center">
  <p>此文本会被水平居中对齐</p>
</div>

</body>
</html>  
css 文本水平居中对齐

css 文本水平居中对齐