Giao diện người dùng ngữ nghĩa có thể làm Masonry giống như các cột không?

Question

Có thể tạo bố cục lưới xếp tầng giống như Masonry hoặc Bootstrap v4 card columns với giao diện người dùng ngữ nghĩa không?

Answer 1

Theo this issue, có vẻ như không được hỗ trợ trực tiếp, nhưng có thể đạt được thông qua column-count CSS property.

Here's an example được liên kết trong cùng một vấn đề. Tóm lại, bạn sẽ tạo lưới giao diện người dùng ngữ nghĩa bình thường, cung cấp cho nó một lớp bổ sung, ví dụ: masonry và sau đó áp dụng CSS sau đây bổ sung cho nó (điều này sẽ áp dụng đối với một mạng lưới ba cột):

.masonry.grid { 
    column-count: 3; 
    display: block; 
} 

Điều đó nói rằng, số lượng biến của cột Masonry cung cấp dường như không thể thông qua phương pháp này.