柔性箱問題 - 顯示柔性箱不起作用

我需要關於此柔性箱問題的幫助。當我使用flexbox時，跨度不顯示，他們沒有寬度：50px了。柔性箱問題 - 顯示柔性箱不起作用

<div class="mobile-nav-toggle"> 
    <span></span> 
    <span></span> 
    <span></span> 
</div> 


    .mobile-nav-toggle{ 
     width: 50px; 
     height: 50px; 
     background: pink; 
     margin-right: 20px; 
     display: flex; 
     align-items: center; 

     span, 
     span::before, 
     span::after{ 
      content: ""; 
      display: block; 
      height: 2px; 
      background: #333; 
     } 
     }

來源

2017-07-12 kamilluis1

缺少結束標記。 2行註釋掉了。這些是CSS的絕對基礎知識，請在從其他地方複製代碼之前仔細閱讀一下。 –

有結束標籤。我沒有正確複製它。 – kamilluis1

我特意評論他們看到跨度。因爲如果我在父容器上使用flexbox，他們不顯示。 – kamilluis1

看起來像你有1丟失關閉大括號在你的CSS。

.mobile-nav-toggle{ 
    width: 50px; 
    height: 50px; 
    background: pink; 
    margin-right: 20px; 
    display: flex; 
    align-items: center; 

    span, 
    span::before, 
    span::after { 
     content: ""; 
     display: block; 
     height: 2px; 
     background: #333;} 
    }

Working demo 我與開發工具進行檢查，它顯示的跨度有50像素的寬度。

來源

2017-07-13 03:53:15

柔性箱問題 - 顯示柔性箱不起作用

回答

相關問題