实现网页前端元素的居中对齐

在Web前端开发中，实现元素的居中对齐是一个常见的需求。可以通过不同的方法来实现这个目标，包括使用CSS、JavaScript和Flexbox等技术。以下是几种常见的方法，供参考：

1. 使用CSS的"margin: auto"属性

这是一种简单且常用的方法，适用于块级元素和替换元素（如div、img等）的水平居中对齐。设置元素的左右margin为"auto"，即可实现水平居中。例如：

<div class="container">
  <div class