css设置文字上下居中

最新推荐文章于 2025-05-18 11:03:17 发布

栾雨

最新推荐文章于 2025-05-18 11:03:17 发布

阅读量3.4w

点赞数 2

分类专栏： CSS

CSS 专栏收录该内容

3 篇文章

订阅专栏

博客介绍了使用HTML和CSS实现文字居中的方法，无论是一行文字还是两行或多行文字，都能通过相关技术达成居中效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一行文字居中，两行或多行文字同样居中

HTML

<div class="book-detail-store-item align-center-vertical">居中文字</div>

CSS

.book-detail-store-item {
    width: 50px；
    height：50px；
    line-height: 25px;
    font-size: 12px;


}

/*flex垂直居中对齐*/
.align-center-vertical{
     display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}