«grid-layout» 태그된 질문

다음과 같은 컨테이너가있는 간단한 플렉스 박스 레이아웃이 있습니다. .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } 이제 마지막 행의 항목을 다른 항목과 정렬하고 싶습니다. justify-content: space-between;그리드의 너비와 높이를 조정할 수 있으므로 사용해야합니다. 현재는 다음과 같습니다 여기서 오른쪽 하단의 항목이 "중간 열"에 있어야합니다. 그것을 달성하는 가장 간단한 방법은 무엇입니까? …

378 css  flexbox  grid-layout 

Android에서 Photo Browser를 구현하려면 Grid를 사용해야합니다. 그래서 GridView와 GridLayout 의 차이점 을 알고 싶습니다 . 내가 올바른 것을 선택하도록 현재 GridView를 사용하여 이미지를 동적으로 표시하고 있습니다.

212 android  grid  android-gridview  grid-layout 

이 문제에 대한 간단한 해결책이 있다고 확신합니다. 기본적으로 두 개의 열이 있으면 열 사이에 공백을 어떻게 추가합니까? 예를 들어 HTML이 다음과 같은 경우 : <div class="col-md-6"></div> <div class="col-md-6"></div> 출력은 페이지의 전체 너비를 차지하는 서로 바로 옆에있는 두 개의 열입니다. 너비가 설정되어 있다고 가정하면 1000px각 div가 500px넓을 것입니다. 100px둘 사이 에 …

202 html  css  twitter-bootstrap-3  grid-layout 

На этот вопрос есть ответы на Stack Overflow на русском : Сетка из адаптивных (응답) квадратов 반응 형 사각형 으로 레이아웃을 만드는 방법에 대해 궁금합니다 . 각 사각형에는 세로 및 가로로 정렬 된 내용이 있습니다. 구체적인 예는 다음과 같습니다.

170 html  css  responsive-design  grid-layout  aspect-ratio 

TL; DR :table-layout: fixed CSS 그리드 와 같은 것이 있습니까? 나는 몇 달 동안 큰 4x3 격자가있는 연도 달력을 만들려고 시도했으며 그 안에는 7x6 격자가 중첩되었습니다. 달력은 페이지를 채워야하므로 연도 그리드 컨테이너의 너비와 높이가 각각 100 %가됩니다. .year-grid { width: 100%; height: 100%; display: grid; grid-template: repeat(3, 1fr) / repeat(4, …

153 css  grid-layout  css-grid 

각 행은 요소를 맞추는 데 필요한 최소 높이 일 수 있기 때문에 Flexbox를 사용하여 달성하는 것은 불가능하다고 생각하지만 최신 CSS 그리드를 사용하여 달성 할 수 있습니까? 명확하게 말하면, 각 행이 아닌 모든 행에서 그리드의 모든 요소에 대해 동일한 높이를 원합니다. 기본적으로 가장 높은 "셀"은 행의 셀뿐만 아니라 모든 셀의 높이를 …

101 css  flexbox  grid-layout  css-grid 

다음과 같이 부트 스트랩 열을 만드는 방법을 알 수 없습니다. col 3 | col 4.5 | col 4.5

80 twitter-bootstrap  twitter-bootstrap-3  multiple-columns  grid-layout