[分享]css中如何把div居中

在CSS中实现将div居中非常简单，可以使用以下代码：

css
div {
  width: 50%; /* 定义div的宽度 */
  margin: 0 auto; /* 使用居中的间距 */
} 

这个代码块里，我们将div的宽度设置成了50％，这意味着屏幕上的50％宽度将被div占用。接下来，我们使用`margin`属性来将div居中，其值为`0 auto`，其中左和右的margin都是0，而上和下的margin使用auto来使其在水平方向上居中。
在HTML中，处理文章段落的最佳方法就是使用p标签。p标签定义一个段落，并且默认情况下应该是居中对齐的。下面是一个示例段落，以及用于将其居中对齐的CSS样式：

html
<div>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at auctor quam, a eleifend nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

<style>
  p {
    text-align: center; /* 设置文本居中对齐 */
  }
</style> 

最后，用于显示代码的预格式化标签pre是另一种被广泛使用并且需要居中的标签。以下是一个示例代码块，以及用于将其居中对齐的CSS样式：

html<br>
<div><br>
  <pre><br> <br>
      body {<br>
        font-size: 16px;<br>
        line-height: 1.5;<br>
      }<br>  

pre {
text-align: center; /* 将整个区域居中对齐 */
display: block; /* 设置预格式化块元素占整个行宽 */
}

这里使用了`text-align`属性，将整个预格式化区块居中对齐。然后，使用CSS中的`display`属性将预格式化块元素设置为`block`级别，以使其占满整个行宽。