css三个元素水平居中对齐

在网页制作中，水平居中对齐显示元素是非常常见的操作，特别是 CSS 的三个元素：行内元素、块状元素和表格元素。
对于行内元素来说，我们可以使用 text-align 属性实现水平居中对齐。要让文字居中对齐，只需要给包含文字的元素设置 text-align: center，如下所示：

p {
  text-align: center;
} 

对于块状元素，由于其默认宽度为 100%，所以我们需要指定其宽度，并将其 margin 属性设置为 auto 即可实现水平居中对齐。例如：

div {
  width: 80%;
  margin: 0 auto;
} 

最后是表格元素，我们可以使用 CSS 的 text-align 属性来实现水平对齐。要让表格居中对齐，只需要对表格元素的父级元素设置 text-align: center，如下所示：

.container {
  text-align: center;
}
table {
  display: inline-block;
} 

这里通过将表格元素的 display 属性设置为 inline-block，将表格作为行内元素来处理，从而让其水平居中对齐。
综上所述，水平居中对齐是网页制作中的常见需求，使用不同的 CSS 属性可以实现行内元素、块状元素和表格元素的水平居中对齐。我们可以根据实际需要进行选择和应用。