css中文字和img居中显示图片

CSS 是网页设计中不可或缺的一部分，它为我们提供了各种各样的样式和布局方式。其中，文字和图片的居中显示是常见的需求。
文字居中显示：
要实现文字的居中显示，可以使用 text-align 属性。可以将该属性设置为 center，这样就可以让文字在容器内水平居中显示。

p{
    text-align: center;
} 

此代码将对所有的 p 标签生效，让其中的文字居中显示。
图片居中显示：
要实现图片的居中显示，需要使用 margin 属性。我们可以将左右边距设置为 auto，这样就可以让图片在容器内水平居中显示。

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

此代码将对所有的 img 标签生效，让其中的图片居中显示。需要注意的是，为了让 margin 属性生效，需要将图片设置为块级元素（通过 display 属性设置为 block）。
总结：
以上是居中显示文字和图片的方法，可以根据实际情况进行选择和调整。CSS 具有非常强大的样式和布局能力，希望大家能够善用它，打造出更加美观、优雅的网页。