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

2018-06-24 02:22:59来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

 

 

 

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:用HTML编写阿里云

下一篇:html之css选择器学习