css 换行文字垂直居中 |css怎么定默认字体

.example {
display: flex; /*使用 flex 布局*/
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
height: 200px; /*高度可以根据实际需要来调整*/
}

如上所示，使用 flex 布局可以很方便地实现垂直居中。justify-content 属性用于水平居中，align-items 属性用于垂直居中。特别注意，以上样式只对容器及其子元素有效。

在 HTML 中，大家可以使用实体字符 <br> 来换行。举个例子，大家可以通过如下 HTML 代码来实现换行居中：

<div class="example">
<p>这是一段<br>
要换行的文字</p>
</div>

以上 HTML 代码中，大家使用了 <p> 标签来包裹要换行的文字，并在其中使用 <br> 来实现换行。此时，大家需要在 CSS 中设置一个高度，并使用上述代码来实现垂直居中。

总之，使用 CSS 实现换行文字垂直居中非常简单，只需要使用 flex 布局即可。当然，在 HTML 中也需要注意一些细节，例如使用 <br> 标签等。如果你还有其他关于 CSS 的问题，可以在下方留言区向大家提问哦~