分享

【CSS】Flex區塊內元素置中

  

.fbox {

    width: 200px;

    height: 150px;

    float: left;

    display: flex;

}

.content {

    width: 100%;

    float: right;

    text-align: center;

    align-self:center;

    display: block;

}

<div class="fbox">
 <div class="content">test</div>
</div>


  

.fbox {

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 410px;

}

<div class="fbox">test</div>
#css 
分類:學習

評論
上一篇
  • 下一篇
  • 更多文章
    載入中... 沒有更多了