在网页设计中，我们经常需要将页面中的元素进行居中，这时就需要用到 CSS 中的内容居中技术。下面介绍几种实现方式：1.文字居中要将文字居中，可以使用 text-align 属性来定义元素的对齐方式，将其设为 center 即可。示例代码：

这是居中的文字

2.图片居中要将图片居中，可以使用 margin 和 display 属性来定义元素的展示方式。示例代码：

img {display: block;margin: 0 auto;}

上述代码中，display 属性将图片设为块级元素，margin 属性将左右边距设为自动，从而实现了图片的水平居中。3.块级元素居中要将块级元素居中，可以使用 margin 和 text-align 属性来定义元素的对齐方式。示例代码：

div {width: 200px;height: 100px;margin: 0 auto;text-align: center;}

上述代码中，block 元素的 width 属性将 div 元素设置为 200px 宽，height 属性将其设置为 100px 高，margin 属性将其左右边距设为自动，从而实现了块级元素的水平居中。同时，text-align 属性将其内部元素水平居中。综上所述，使用 CSS 来实现内容居中并不难。只需灵活运用各种居中技术，便可以轻松实现页面元素的统一展示效果。