margin-left:auto在flex中自動靠邊

flex布局中經(jīng)常有其他元素靠左排列,最后一個元素靠右排列的設計。簡單的在最后一個元素中添加margin-left:auto的樣式,就可以實現(xiàn)

MDN中給出了說明


剩余空間會自動分配給該元素。

margin的其他注意事項:

  • margin的百分比依據(jù)的是父元素的寬度
  • 邊距折疊
  • 水平垂直居中中的使用(position)
.box {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
}
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容