css设置文字上下居中,一行文字居中,两行或多行文字同样居中。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/hbwang_716/article/details/81944555

 

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;
}

 

展开阅读全文

没有更多推荐了,返回首页