css怎么把文字浮动居中 |css3 border 效果

.text-center {
display: flex; /* 容器的类型 */
align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中 */
}

如上述代码所示，大家创建了一个 class 名称为 .text-center 的样式。该样式主要使用了flex布局。通过设置该元素为容器类型，并对其中的子元素垂直和水平居中，从而实现文字的浮动居中。

除了以上方法，大家还可以使用 text-align 属性实现文字的居中。

.text-center {
text-align: center;
}

使用该属性时，需要将大家想要居中的元素设置为块级元素，如div、p等。

综上所述，实现文字的浮动居中可以采用两种方法，分别是使用 flex 布局和 text-align 属性。读者可以根据实际需求来选择适合自己的方法。同时，大家也需要注意浏览器的兼容性问题，确保网页在不同浏览器环境下的效果都能达到预期。