熱門Ptt文章

[爆卦]flex排版是什麼？優點缺點精華區懶人包

雖然這篇flex排版鄉民發文沒有被收入到精華區：在flex排版這個話題中，我們另外找到其它相關的精選爆讚文章

在 flex排版產品中有8篇Facebook貼文，粉絲數超過5,012的網紅卡斯伯，也在其Facebook貼文中提到， 本週線上問答影片釋出 這次介紹前端排版主流的 Flex 觀念 以及以及響應式中常見的手法 影片連結：https://hex.school/kz91s...

「flex排版」的推薦目錄
  • 卡斯伯

    flex排版 在 卡斯伯 Facebook 的精選貼文

    2020-04-24 13:22:27
    有 68 人按讚

    本週線上問答影片釋出
    這次介紹前端排版主流的 Flex 觀念
    以及以及響應式中常見的手法

    影片連結：https://hex.school/kz91s

  • 卡斯伯

    flex排版 在 卡斯伯 Facebook 的精選貼文

    2020-03-18 15:32:12
    有 39 人按讚

    以前撰寫的 Flex 教學文章
    本篇介紹是以資訊的流向為主
    只要知道 Flex 屬性中的流向對應
    就算掌握了八成以上的 Flex 應用
    （不唬爛，大部分 Flex 運用都是在控制方向性）

    #Flex
    #CSS

  • 卡斯伯

    flex排版 在 卡斯伯 Facebook 的最讚貼文

    2017-09-28 10:53:14
    有 37 人按讚

    超歡樂的 Bootstrap 4 的問與達
    昨天在線上問答的時候
    有同學問到一些問題
    大部分能現場回答的我都回答了
    有些小地方我更正一下
    順便下週回饋給同學

    ⭐⭐ Grid 能不能不要有 gutter
    昨天我回復是建議不要移除
    如果有小一些的可以使用 form-row
    不過後來才想起來文件其實有提到這段
    課程結束後立馬去翻，恩
    我真的忘了有 .no-gutters (挺)
    這邊也提供第四版三種 grid gutter 給大家看看
    https://codepen.io/Wcc723/pen/pWPEJG

    ⭐⭐ justify-content
    justify-content 的屬性其實不只 BS4 的五個
    其中還有一個是 space-evenly 目前支援度還沒有很完整
    所以 BS 團隊還沒有加入此屬性
    相關文件可以參考
    https://css-tricks.com/almanac/properties/j/justify-content/
    (As of our latest July 2017 update, `justify-content: space-evenly;` only works in Firefox.)

    另外我自己是比較喜歡用 margin auto 推啦 (遮臉

    ⭐⭐ Flex 有很多人在用了嗎？
    已經多到滿出來囉
    隨便打開一個國外網站
    檢查原始碼查看 CSS
    搜尋 flex, justify-content 等常見的 flex 屬性
    你會發現佔據你大多時間的網站都已經再用 Flex 囉
    (Google, Facebook, Youtube 等等)

    其實 Flex 還有許多排版方式
    昨天我是介紹實作中最常使用到的方法
    另外他的許多觀念會延伸到 CSS Grid Layout
    趁著這次課程，順便記一記吧～

    昨日的 Sass include Bootstrap 介紹影片
    https://youtu.be/efEBKRQhNlc

你可能也想看看

搜尋相關網站