在父元素上添加样式：text-align: center;即可将子元素水平居中。
方法二：使用margin属性居中
在子元素上添加样式：margin: 0 auto;即可将子元素水平居中。
方法三：使用flexbox布局居中
在父元素上添加样式：display: flex; justify-content: center; align-items: center;即可将子元素水平和垂直居中。
方法四：使用grid布局居中
在父元素上添加样式：display: grid; place-items: center;即可将子元素水平和垂直居中。
以上是几种常用的CSS水平居中的方法，根据具体的情况选择合适的方法来实现页面布局。无论是文本、图片还是其他元素，都可以通过这些方法实现水平居中效果。希望这些方法能够帮助到你，在编写网页时更加方便地实现居中布局。
whatsapp官方下载中文版：https://gszyybyfy.com/app/72130.html