当前位置:首页 > 行业动态 > 正文

html如何将div居中

要将div居中,可以使用CSS的textalign: center;属性,以下是一个简单的示例:

html如何将div居中  第1张

HTML代码:

html如何将div居中  第2张

<!DOCTYPE html>
<html>
<head>
<style>
.center {
  textalign: center;
}
</style>
</head>
<body>
<div class="center">
  <h1>这是一个居中的标题</h1>
  <p>这是一个居中的段落。</p>
</div>
</body>
</html>

在这个示例中,我们创建了一个名为.center的CSS类,将textalign属性设置为center,我们在HTML中创建了一个div元素,并为其添加了.center类,这将使得div内的所有内容(包括标题和段落)都居中显示。

html如何将div居中  第3张

0