欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-04 10:15:11
原文链接 http://www.cnblogs.com/handsomeBoys/p/6567063.html HTML:
居中文字
CSS: ......

原文链接 http://www.cnblogs.com/handsomeBoys/p/6567063.html

 

 

 

HTML:

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

 

 

CSS:

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