1. 使用margin属性: 把margin-left与margin-right设置为auto,可以让元素在父元素里面水平居中。 例如: div { width: 200px; margin: 0 auto; } 2. 使用display属性: 把父元素的display属性设置为flex,然后使用justify-content和align-items属性可以让子元素在父元素里面垂直和水平居中。 例如: .parent { display: flex; justify-content: center; align-items: center; } 3. 使用position和transform属性: 把position属性设置为absolute和top、left、bottom和right属性设置为0,然后使用transform属性可以让子元素在父元素里面居中。 例如: .child { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; transform: translate(0, 0); }
以上三种方法都可以实现在CSS块里面居中显示的效果,选择哪种方法取决于你的项目需要,你可以选择一种或多种方法来实现。希望这篇文章可以帮助到你。