각도 재료 설계 : 누적 된 요소 세트를 가로로 배치하는 방법은 무엇입니까?

Question

데이터베이스에서 생성 된 집합을 정렬하고자하므로 집합에 동적 범위 인이 있습니다. 또한 각 md-input-containers의 너비는 가변적입니다. 너비는 데이터베이스에서 정의됩니다 (각 md 입력 컨테이너의 경우).

일종의 패널에서 이러한 md 입력 컨테이너의 "스택 형"배열을 만들고 싶습니다. 패널은 화면의 너비가 80 %가되어야하며 md 입력 컨테이너는 행에 더 이상 공간이 남지 않을 때까지 수평으로 배열 한 다음 새 행에서 다시 시작해야합니다.

디자인 타임에 요소의 너비를 알 수 없기 때문에 행은 하나 이상의 md 입력 컨테이너를 사용할 수 있습니다.

나는 MD 레이아웃 시스템을 시험해보기 시작했는데, 이것은 정적 인 것으로 알고 있습니다.

누군가 내게 올바른 방향으로 걷어차 주면 감사하겠습니다.

Answer 1

css-column 의견이 맞습니까?

-webkit-column-count: 3; /* Chrome, Safari, Opera */ 
-moz-column-count: 3; /* Firefox */ 
column-count: 3; 

하나의 md 입력 컨테이너가 특정 너비를 필요로한다는 것을 알고 있으면 동적으로 열의 수를 계산하고 설정할 수 있습니다.