css 图片 文字 居中代码

CSS居中是网页开发过程中经常用到的技巧，可以使页面布局更加美观和整洁。其中图片和文字的居中方式稍微有些不同，接下来我们来看一下具体的代码实现。

/*居中图片*/
img{
    display:block;/*将图片转化为块级元素*/
    margin:auto;/*设置水平居中*/
}

在上述代码中，我们通过将图片设置为块级元素，并使用margin属性使其水平居中。

/*居中文字*/
p{
    text-align:center;/*设置文字居中*/
    line-height:1.5em;/*设置文字行高*/
}

当我们需要居中文字时，我们只需使用text-align属性将文字居中即可。此外，为了让文字看起来更加美观，我们也可以使用line-height属性为文字设置行高。

除了以上的基本用法，我们还可以使用flex布局、position属性等方式实现居中效果，这里就不做详细介绍了。在实际开发中，我们需要根据具体情况选择合适的居中方式来实现页面布局效果的最优化。