text-align: center; /* 对齐方式为居中 */ display: block; /* 将元素设置为块状元素 */
以上代码将会让元素在父容器内水平居中，它的原理是把元素设为块状元素，再使用text-align:center的方式对齐。
同样，大家也可以使用以下方法将图片水平居中：
display: block; margin: auto;
这里大家使用了margin:auto的方式让图片自动居中，同时，将图片设为块状元素，也能实现水平居中。
以上两种方式都比较常见，但有时候，大家需要将元素的左右内边距设为相等的，这时候可以使用以下方式实现：
display: flex; justify-content: center;
这里使用了display:flex属性，将元素设为flex容器，然后使用justify-content:center属性让元素内部的内容在水平方向上居中。
总的来说，水平居中是CSS开发中经常会用到的技巧，而以上三种方式，可以根据实际需求来选择使用。