容器內(nèi)圖片垂直水平居中

HTML:
首先,創(chuàng)建一個div容器,容器內(nèi)是需要居中的內(nèi)容

<div class="container">
    <!--容器內(nèi)的元素將會居中-->
    ![](fireworks.jpg)
</div>

3行CSS代碼:

.container{
    display: flex;
    justify-content: center;
    align-items: center;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,784評論 1 92
  • 收聽音頻,戳鏈接,舊號itclan已暫停使用,歡迎關(guān)注微信itclanCoder公眾號可收聽更多音頻 前言 關(guān)于網(wǎng)...
    itclanCoder閱讀 8,203評論 3 30
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,295評論 0 5
  • 生平第一次被人要聯(lián)系方式......讓我一次笑個夠.....真的有人blind
    zai顆星星送給你閱讀 148評論 0 0
  • 加法select sysdate,add_months(sysdate,12) from dual; --加1年s...
    玲瓏花閱讀 452評論 0 0