5 cách center trong CSS

Поделиться
HTML-код
  • Опубликовано: 8 фев 2025
  • Khi làm việc với HTML và CSS thì 1 trong những công việc chúng ta rất hay làm đó là center các elements theo trục dọc và ngang. Nhưng đây là 1 việc không hề dễ dàng đối với Frontend Developer nhất là đối với những người mới. Trong video này chúng ta sẽ cùng nhau tìm hiểu về 5 cách để nhanh chóng center 1 element HTML theo trục dọc và ngang bằng CSS
    🔗 Link tham khảo 🔗
    Flexbox trong 15phút • Flexbox CSS trong 15 p...
    CSS Position • Position CSS trong 10 ...
    CSS Grid • CSS Grid trong 30 phút...
    📢 Liên hệ với mình tại:
    Facebook: / holetex
    Instagram: / holetex
    Github: github.com/hol...
    Facebook cá nhân: / minhtung09
    Email: holetex@outlook.com
    Website: holetex.com
    🤝 Tham gia làm hội viên của kênh này để được hưởng đặc quyền:
    www.youtube.co...
    #holetex #css #csscenter #centercss #frontend

Комментарии • 25

  • @tanhoang9948
    @tanhoang9948 2 года назад +5

    video chất lượng, hình ảnh giọng nói và sự tâm huyết của a, một kênh rất tuyệt vời. Chúc anh sức khỏe.

    • @holetex
      @holetex  2 года назад +1

      Cảm ơn em đã ủng hộ anh nha!

  • @MikeDuyNg-MA
    @MikeDuyNg-MA 2 года назад +2

    anh giảng hay quá, nhờ đó em hiểu sâu hơn về position , chúc anh nhiều sức khỏe, và thành công

  • @tuhoccodethietkeweb4598
    @tuhoccodethietkeweb4598 Год назад

    mong anh thành công như kênh của anh f8 nha, anh dạy hay quá

  • @tnu2312
    @tnu2312 Год назад +1

    Có 1 tip về căn giữa với flex-box: là thẻ cha set display: flex và thẻ con set margin: auto nữa anh

  • @tiendang5149
    @tiendang5149 2 года назад

    Mong anh duy trì được động lực, em cảm thấy các video của anh rất bổ ích
    Anh có thể thêm link donate

  • @ngtheluan
    @ngtheluan 2 года назад

    Video hữu ích quá, tks anh nha 😁

  • @truongminhphuc4337
    @truongminhphuc4337 2 года назад

    hóng thêm video react của anh hiihi

  • @trgiahuy1874
    @trgiahuy1874 2 года назад

    rất bổ ích ạ. cảm ơn anh

  • @khanhbinh3433
    @khanhbinh3433 2 месяца назад

    hay ạ

  • @nguyenhoangson3684
    @nguyenhoangson3684 2 года назад

    Hay quá anh

  • @thanhvan3528
    @thanhvan3528 2 года назад

    Bổ ích

  • @reviewhangtot4216
    @reviewhangtot4216 2 года назад

    a làm thêm ít video về react native được ko a, e cảm ơn

  • @dev-quan
    @dev-quan 2 года назад

    anh có định làm về redux saga không ạ

  • @trunghoang7605
    @trunghoang7605 Год назад

    Từ khi xem clip này mình ko còn dùng flex với grid vô tội vạ nữa

  • @phamvanthang1287
    @phamvanthang1287 2 года назад

    hi HoleTex

    • @holetex
      @holetex  2 года назад

      Chào bạn nhé

  • @hieu4263
    @hieu4263 2 года назад

    Anh có tính làm 1 dự án thực tế về reactjs không anh

    • @holetex
      @holetex  2 года назад +3

      Có em nhé. A đang chuẩn bị đó. Mấy videos dạng đó sẽ thường dài nên sẽ mất thời gian em nhé

    • @hieu4263
      @hieu4263 2 года назад

      @@holetex Dạ rất hóng video của anh ạ, chúc anh nhiều sức khỏe.

  • @anhpham14333
    @anhpham14333 2 года назад

  • @ddung203
    @ddung203 2 года назад

    Nhiều lúc e dùng margin: 0 auto thì khối con ko căn giữa so với khối cha. Vậy lý do tại sao ạ?

    • @holetex
      @holetex  2 года назад

      Phải xem code mới biết được em, chứ nguyên nhân thì nhiều lắm không đoán được :D

    • @builetuan8374
      @builetuan8374 2 года назад

      có thể khối con bạn dùng là phần tử inline hoặc là bạn chưa set width cho phần tử đó

    • @tiendang5149
      @tiendang5149 2 года назад +2

      Khối cha phải có set width thì mới căn giữa đc, khối cha mà là span thì sẽ không được, vì span không có width, khối con cũng phải có width, nếu khối con không có width thì dùng text-align