Những thuộc tính CSS sử dụng trong Flexbox

Поділитися
Вставка
  • Опубліковано 8 жов 2024
  • 👉 Khóa Học HTML CSS Pro tốt nhất bạn có thể tìm thấy: fullstack.edu....
    👉 XEM LỘ TRÌNH HỌC: fullstack.edu....
    #hoclaptrinh #hoclaptrinhmienphi #html_css #frontend #backend #devops
    ----
    ☻ Phần mềm sử dụng trong video:
    Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
    Công cụ đo đạc giao diện web: bit.ly/3muevdD
    Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
    --------------
    ☻ Khóa học lập trình web MIỄN PHÍ:
    Kiến thức nhập môn: fullstack.edu....
    Xây dựng giao diện với HTML, CSS: fullstack.edu....
    Xây dựng web responsive: fullstack.edu....
    Lập trình Javascript cơ bản: fullstack.edu....
    Lập trình Javascript nâng cao: fullstack.edu....
    Làm việc với Terminal & Ubuntu: fullstack.edu....
    Xây Dựng Website với ReactJS: fullstack.edu....
    Xây dựng web với Node & Express: fullstack.edu....
    HTML, CSS tips: fullstack.edu....
    Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu....
    Xem thêm tại: fullstack.edu....
    -------------------------------------
    F8 Official
    (c) Sơn Đặng
    Website: fullstack.edu.vn
    Facebook cá nhân: / sondnf8
    Nhóm Học Lập Trình Web: / f8official
    Email: contact@fullstack.edu.vn
    © Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
    © Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.

КОМЕНТАРІ • 22

  • @minutes-dy7rw
    @minutes-dy7rw 3 роки тому +6

    kênh này tuyệt vời quá. phải chia sẻ ngay cho ae mới được. cảm ơn ad nhiều.

  • @minhquan5789
    @minhquan5789 2 роки тому +8

    CSS Flexbox
    display: flex | inline-flex
    flex-direction: row | column
    flex-wrap: nowrap | wrap | wrap-reverse
    flex-basis:
    justify-content: flex-start | flex-end | center | space-between | space-around
    justify-self: flex-start | flex-end | center
    align-content: flex-start | flex-end | center
    align-self: flex-start | flex-end | center
    flex-grow:
    flex-shrink:
    flex:
    order:

    • @xkaisch1265
      @xkaisch1265 Рік тому

      cảm ơn bạn nhé, t đỡ phải ghi

  • @maicaotri3668
    @maicaotri3668 3 роки тому +3

    Rất dễ hiểu, cám ơn anh rất nhiều, cái này sài cực nhiều, cực hữu dụng luôn ❤

  • @minhcuongho3454
    @minhcuongho3454 4 роки тому +1

    em đang trông chờ clip ví dụ... hi vọng anh nhanh có clip ví dụ... hehe...

  • @thangvan7652
    @thangvan7652 2 роки тому

    thật sự cảm ơn ad nhiều

  • @hoangphan6497
    @hoangphan6497 Рік тому +1

    cho mình hỏi extension dịch anh đang dùng là gì vậy

  • @powerthymewarp6275
    @powerthymewarp6275 3 роки тому

    Cảm ơn anh ạ

  • @hunglengoc7498
    @hunglengoc7498 2 роки тому

    Tuyệt vời

  • @kobe_game6414
    @kobe_game6414 2 роки тому +1

    Em xin tên của 3 Extentions của trình duyệt trên video với ah 😅

  • @puongnguyen4073
    @puongnguyen4073 Рік тому

    anh ơi sao em dùng thử justifu-self cho thẻ con thử mà không được ạ. content cho thẻ cha thì được thôi.

  • @amanda2348-g9j
    @amanda2348-g9j 2 роки тому

    không thấy anh nói đến thuộc tính align-items trong này vậy?

    • @vusam6524
      @vusam6524 Рік тому

      align-items: giống với justify content, chỉ khác là nó căn theo trục cross còn justify căn theo trục main

  • @16everything73
    @16everything73 3 місяці тому

    anh có nhầm với grid k vậy ạ?

  • @hiucd_2012
    @hiucd_2012 3 роки тому

    nếu mặc định dùng nowrap , mình set chiều dài cho item + số item là 20 thì nó ra kiểu gì ạ

  • @duahau8991
    @duahau8991 3 роки тому

    display : inline-block la gi the anh em cam on a

    • @HienNguyen-vf7jw
      @HienNguyen-vf7jw 2 роки тому

      nó dồn hết cái div con thành 1 row cũng giống như thằng inline nhưng nó thay đổi được kích thước chiều ngang, dọc

    • @vusam6524
      @vusam6524 Рік тому

      inline-block là khối nằm trên cùng 1 dòng, inline-block là kết hợp thuộc tính của inline và block

  • @thanhluannguyen1864
    @thanhluannguyen1864 2 роки тому +2

    5:00 mọi người cho em hỏi anh sử dụng cái gì mà khi click vào thì hiện thị nghĩa như này ạ

    • @hyakusenkankarate
      @hyakusenkankarate 2 роки тому +1

      kiểu như chrome extension của gg ấy bạn. Chỉ cần bôi đen là nó hiện bản dịch tiếng anh sang việt ấy

  • @dattranthanh6757
    @dattranthanh6757 2 роки тому

    Thiếu thuộc tính align-items.

  • @thucucnguyen4949
    @thucucnguyen4949 2 роки тому

    Ko có víu ko hiểu nổi