css单行居中 多行正常

CSS是前端开发中不可或缺的一部分，它可以实现页面布局和样式的控制。在开发页面过程中，我们经常会遇到需要将元素居中的情况，尤其是单行文字的居中。那么，如何实现这个效果呢？ 首先来看单行居中的情况。要实现单行文字居中，我们可以将text-align属性设置为center，这样可以将元素内的文本水平居中对齐。例如：

p{
 text-align: center;
}

这样，在页面中使用p标签时，文字就会自动水平居中了。 接下来是多行文字的正常显示。由于居中的样式会影响整个元素，如果将多行文本强制居中，则可能会使文本内容不可读或难以阅读。因此，我们需要保持多行文字的正常显示。

p{
 text-align: justify;
}

利用text-align属性设置为justify，可以保持多行文字的正常显示，每行文字的左右对齐方式都是对齐的，不会影响文本的可读性。 综上所述，要实现CSS单行居中，多行正常的效果，只需将单行文本的居中样式与多行文本的正常对齐样式进行区分，即可同时实现两种效果。这样可以使文本内容更加美观和易读。