@tuananhbfs À sory có điều kiện tiền giữ nguyên DOM và có responsive khả năng cao là phải dùng tý js rồi .
Bạn dùng Js thuần à hay đang code bằng react/angular/vue?
Nếu có thể share code bạn bỏ lên codesandbox mình vào style thử phát xem sao
Có lẽ có chút hiểu lầm về câu hỏi của mình. Mình có thể xử lý nó theo vài cách khác như bạn đã nêu phía trên -- Nhưng mà mình mong muốn tìm hiểu thêm để xem thử liệu có 1 thuộc tính css nào mà mình chưa biết để giải quyết hay không.
Điều kiện tiên quyết là giữ nguyên DOM như mình đã chụp hình và có thể reponsive dc.
@tuananhbfs Việc xác định phần tử cuối hàng của bạn khi sử dụng thẻ div thì nó chỉ là cảm quang và bạn nghĩ nó là cuối hàng. Tuy nhiên Css html/css nó ko hiểu cái đó (Với cách này muốn html/css hiểu thì khả năng cao chỉ có cách dùng js). Vì nó chỉ hiểu là bạn có một list div.
Có khá nhiều cách ko cần dùng js mà html/css vẫn hiểu được hàng và cột:
Thẻ <ul><li> lồng vào nhau.... thì html/css sẽ hiểu được hàng và cột
Table column row tr td (Cách này hơi cũ nhưng cũng khá hiệu quả)
Xác định theo độ dài. Kiểu như responsive ấy @media....
Dùng css flex lồng nhau. Nếu bạn chưa quen dùng flex thì thử dùng cái tool này của mình xem khá tiện: https://flex-tuan200.web.app/
....
Bạn thử dùng 1 trong các cách trên xem sao, mình nghĩ sẽ giải quyết được vấn đề của bạn mà ko cần dùng tới JS.
Mình thì hay dùng cách thứ 4 và kết hợp css như đã đề cập ở comment trước. Vì kể cả khi bạn dùng Javascript để xác định element cuối hàng nếu app yêu cầu responsive thì cũng chưa chắc có thể cover được .
-> Xử lý bằng html/css là tối ứu nhất. Chứ ko phải là "Chắc không có cách giải quyết bằng css nhỉ".
Cái này cũng tùy cách hiểu, cách nhìn của mỗi người, quan trọng là cái team thiết kế thư viện component gọi là gì thì mọi người cùng thống nhất gọi theo thôi. Nếu dùng thư viện component ngoài như Bootstrap hay Material thì cứ theo cách gọi của họ. Tranh cãi vì ba cái tên gọi thực sự ko đáng, mà để report mấy cái bug UI thì dựa vào screenshot vẫn là tốt nhất 🙂
Còn như trong bài này thì alert, popup, dialog, lightbox đều có thể đc xem là các variant của modal nên gọi chung là modal cũng chả sao. Mình cũng hay gọi chung mấy cái alert, toast, message box là notification cho xong 😂
THẢO LUẬN
Cái này đang hướng đến CI/CD mà, chứ run bằng cơm thì với project lớn sao run nổi.
Cảm ơn a đã chia sẻ.
https://www.baeldung.com/spring-sync Sao trong bài này lại chia làm 2 loại trả về void và trả về kiểu Fututre nhỉ
Nếu db tự biết và quyết định nên dùng loại join nào thì mình chỉ tìm hiểu cái này để cho biết thôi chứ quyết định đâu được đúng k a
Vấn đề gì ah
@Clarence161095 mình đang làm việc với nuxtjs.
@tuananhbfs À sory có điều kiện tiền giữ nguyên DOM và có responsive khả năng cao là phải dùng tý js rồi
.
Bạn dùng Js thuần à hay đang code bằng react/angular/vue?
Nếu có thể share code bạn bỏ lên codesandbox mình vào style thử phát xem sao 
@Clarence161095 Cám ơn bạn nhé.
@tuananhbfs Việc xác định phần tử cuối hàng của bạn khi sử dụng thẻ
divthì nó chỉ là cảm quang và bạn nghĩ nó là cuối hàng. Tuy nhiên Css html/css nó ko hiểu cái đó (Với cách này muốn html/css hiểu thì khả năng cao chỉ có cách dùng js). Vì nó chỉ hiểu là bạn có một listdiv. Có khá nhiều cách ko cần dùng js mà html/css vẫn hiểu được hàng và cột:<ul><li>lồng vào nhau.... thì html/css sẽ hiểu được hàng và cộtBạn thử dùng 1 trong các cách trên xem sao, mình nghĩ sẽ giải quyết được vấn đề của bạn mà ko cần dùng tới JS.
Mình thì hay dùng cách thứ 4 và kết hợp css như đã đề cập ở comment trước. Vì kể cả khi bạn dùng Javascript để xác định element cuối hàng nếu app yêu cầu responsive thì cũng chưa chắc có thể cover được
.
-> Xử lý bằng html/css là tối ứu nhất. Chứ ko phải là "
Chắc không có cách giải quyết bằng css nhỉ".Bạn có thể cung cấp config của webpack.yml được hông
@truongquanghieu9 Cảm ơn bạn nhé! Hy vọng có nhiều độc giả ủng hộ như bạn :">
hay phết, nhưng trên webtorm có không nhỉ?
bạn có thể chia sẻ về cách quản lý thời gian khi làm việc ở Sing của bạn ko ạ
Chúc anh năm mới hanh thông, vạn sự may mắn, nhiều sức khỏe và tiếp tục giữ lửa viết nhiều bài hay và chất lượng ♥️
thêm kỹ năng phản biện nữa nha bạn
@Clarence161095 ok 🤣🤣
@hphat_1997 Ừm lên vtv nhận
bên này code bục mặt ra được một nửa vậy đã là ngon rồi 🤣
140tr nghe giòn đấy@Clarence161095 chắc là cả 140 tr/ tháng như vtv nói ý gì 🤣
Cái này cũng tùy cách hiểu, cách nhìn của mỗi người, quan trọng là cái team thiết kế thư viện component gọi là gì thì mọi người cùng thống nhất gọi theo thôi. Nếu dùng thư viện component ngoài như Bootstrap hay Material thì cứ theo cách gọi của họ. Tranh cãi vì ba cái tên gọi thực sự ko đáng, mà để report mấy cái bug UI thì dựa vào screenshot vẫn là tốt nhất 🙂
Còn như trong bài này thì alert, popup, dialog, lightbox đều có thể đc xem là các variant của modal nên gọi chung là modal cũng chả sao. Mình cũng hay gọi chung mấy cái alert, toast, message box là notification cho xong 😂
@hphat_1997 à à. Không mình ko phải dev onsite với bên này cũng nhiều dạng lắm. (Nhưng chung quy lại cũng làm CULI cả 😅)