CSS 그리드 프레임 워크에서 거터의 요점은 무엇입니까?

저는 웹 개발에 뛰어 들고 있고 그리드 시스템을 포함하는 Blueprint CSS 프레임 워크를 사용하고 있습니다. 몇 가지 질문이 있습니다.CSS 그리드 프레임 워크에서 거터의 요점은 무엇입니까?

거터의 요점은 무엇입니까? 물론 여백 CSS 속성을 사용할 수 있기 때문에 열 사이에 공백을 포함하는 데 사용되지 않습니다. 맞습니까? 아니면 마진 관리를위한 우아한 방법인가요?
내 열 사이에 공백을 넣지 않고 거터를 포함하지 않는 격자 레이아웃을 생성하고 싶지만 생성기 도구를 사용하지 않으면 제로 폭 거터가 생기지 않습니다. 왜 그런가요?
the suggested Blueprint CSS generator은 (는) 더 이상 지원되지 않습니다. 누구나 제로 너비 격자를 포함하도록 격자를 수정하는 청사진 CSS 생성기를 제안 할 수 있습니까?

대단히 감사합니다.

2011-03-16 BeachRunnerFred

가능한 모든 입력을 허용하지 않는 생성기는 사용하지 않는 생성기입니다. –

@Radek S, 다른 말로하면 발전기를 사용하지 않습니까? –

@ 닉 당신 말이 맞아요 :) –

CSS 그리드 시스템의 동기는 레이아웃을 완전히 자동화하는 것입니다. 열 (column) 사이의 공백 (white space)은 읽기 쉽도록하기 때문에 거터 (gutters)가 일반적으로 바람직하므로 자동화의 일부로 포함 시키십시오.

생성기의 존재 이유는 계산을 수행하는 데 필요한 약간 지루한 계산을 해소하기위한 것이지 만 거터가 없으면 수학과 CSS 모두 복잡하지 않습니다.

발전기가 없으면 노 배뇨 격자를 사용하는 것이 매우 간단합니다. 예 :

(column width X nº of columns) + left margin + right margin = content width 

.span-1 {width:100px} 
.span-2 {width:200px} 
.span-3 {width:300px} 
.span-4 {width:400px} 

etc...

출처

2011-03-16 23:24:32

+14

+1 존재 이유 – Ryan

이 답변은 op의 질문 # 1을 완전히 만족시키지 못한다고 생각합니다. 거터는 마진을 통해 관리되는가요? –

@ E.E.33 bigmattyh는 "거터는 CSS 자체와는 전혀 관련이 없습니다 ..."라고 말했습니다. CSS 속성을 만드는 데 사용되는 CSS 속성은 구현 자의 몫입니다. –

거터는 CSS 자체와는 전혀 관련이 없습니다. 그것들은 인쇄물 출판의 디자인 컨셉입니다. 이것은 열 사이에 공백을 제공하여 내용을 더 쉽게 읽을 수 있도록하기위한 것입니다.

거터가없는 열은 계산하기가 매우 쉽습니다. 픽셀 당 동일한 너비를 각 열에 설정하기 만하면됩니다.

출처

2011-03-16 23:42:40

CSS 그리드 프레임 워크에서 거터의 요점은 무엇입니까?

답변

관련 문제