在网页设计中，我们常常需要将整个页面的内容居中显示，而CSS提供了多种方式实现。一种最简单的方法是使用`text-align:center`，将页面的所有文本都居中对齐。但这种方法只适用于纯文本内容，对于图像、表格等元素则不适用。另一种常用方法是使用`margin:auto`，将页面上的元素都居中显示。例如，我们可以在一个`div`标签中包含整个页面的内容，然后设置`margin:auto`和一个固定的宽度值，即可实现内容在页面居中显示。以下是示例代码：

<style>.container{width:800px; /*设置容器的宽度*/margin:auto; /*设置左右边距为自动*/}</style><div ><p>这是一个居中对齐的段落。</p><img src="/post/example.jpg"><table><tr><td>表格内容</td><td>表格内容</td></tr><tr><td>表格内容</td><td>表格内容</td></tr></table></div>

总之，使用`margin:auto`可以轻松实现页面内容的居中显示，是我们网页设计中的一种常见技巧。