我们经常需要将元素在页面中居中,这在CSS中是一项常见的任务。可以通过多种方式实现元素的居中,具体取决于我们需要居中的元素类型和父元素的类型。首先,让我们来看一下一些常见的居中方法:## 水平居中1.
html <p style="text-align:center;">这是一个段落,它会水平居中!</p>
html <div style="width: 400px; margin: 0 auto;"> <p>这是一个水平居中的段落!</p> </div>
html <p style="height: 100px; line-height: 100px;">这是一个垂直居中的段落!</p>
html <div style="display: flex; align-items: center; justify-content: center; height: 100px;"> <p>这是一个垂直居中的段落!</p> </div>
粉丝
0
关注
0
收藏
0