.center { display: flex; justify-content: center; align-items: center; }
以上是一个简单的CSS居中代码示例,它使用了flex布局,将元素水平居中和垂直居中。其中,justify-content属性用来设置水平方向的居中方式,align-items属性用来设置垂直方向的居中方式。
在实际网页设计中,CSS居中可以用于处理很多元素的布局,比如页面标题、文本、图片、按钮等。通过CSS居中技术,可以让页面更加美观、整洁,并且提高用户体验。
总的来说,CSS居中是一种实用、高效的网页设计技术,值得每个网页设计师深入学习和掌握。