css-multicolumn-layout

0열

1답변

내가 같이 내 CSS를 얻기 위해 노력하고 있어요 : 그러나 지금까지 내가 만이 (여전히 글꼴 정보와 이미지에 추가)과 같이 얻을 수 : 을 어떻게 이미지 1 에서처럼 보이게 할 수 있습니까? 여러 열을 사용하려고하지만 작동하지 않습니다. article { font-family: "alternate-gothic-no-1-d", sans-seri

3열

3답변

여러 열 머리글이있는 가로 열

가로 스크롤링 열이 있습니다. 그 안에 헤더가있는 텍스트가 있습니다. 그런데 ( 하지만 내가 할 수있는 가장 좋은 방법은 다음과 같습니다 정도 : I는 각 헤더는 새 열을 forsing과에 beloning 열 위의 모든 공간을 occupiing해야 그것은) 파이어 폭스에서 실패 : I tried to archive desired result using in

0열

1답변

내용이없는 경우 열 개수가 스태킹됩니다.

둘러 보았지만 문제를 설명하는 내용을 찾을 수 없습니다. 나는 텍스트와 이미지를 포함하는 3 개의 메인 태그에 5 개의 섹션 요소를 가지고있다. 나는 열 개수를 사용하여 열의 각 섹션을 가져 오려고하지만, 텍스트와 이미지가없는 마지막 두 열은 서로 옆에 머물지 않고 쌓입니다. 아래 그림을 첨부했습니다. 같은 이미지와 텍스트를 추가하면 제대로 작동하지만 아직

2열

2답변

column-span없이 Firefox에서 열 레이아웃을 나누는 방법은 무엇입니까?

Firefox가 CSS 속성 'column-span'을 아직 지원하지 않는다는 것을 발견했습니다. 'column-span'을 지정하지 않으면 열 레이아웃을 깨뜨릴 수없는 것 같습니다. 동일한 결과를 얻을 수있는 해결 방법이 있습니까?

0열

2답변

CSS는 사이트의 첫 번째 열에서만 작동합니다.

위에서 볼 수 있듯이 CSS는 첫 번째 열에서만 작동하여 item-meta를 표시합니다. 뭐가 잘못 되었 니? 모든 텍스트/메타가 올바른 위치에 있습니다. 검사하면 거기에 있습니다. 왠지 불투명도를 다시 1로 변경하고 싶지는 않습니다. 첫 번째 열에서 명확하게 작동하고 모두 동일한 코드이므로 이상합니다. 또한 어두운 오버레이가 표시되기 때문에 항목이 명확하

1열

1답변

컬럼 당 2 개의리스트 아이템을 가진 Multi-Column 프로퍼티

정렬되지 않은리스트를 스타일링하기 위해 CSS3 다중 컬럼 프로퍼티를 사용합니다. 열당 2 개의 목록 항목으로 총 2 행 8 열을 얻고 싶습니다. 하지만 실제로 한 열에 3 개의 목록 항목이 있습니다. 단어 길이가 짧은 경우를 가정합니다. 처음 세 목록 항목 "New In", "Sale"및 "Looks"는 같은 열에 있습니다. <ul class="subna

0열

1답변

CSS에서 열 개수를 사용하여 X 열을 설정할 수 없습니다.

CSS에서 열을 사용하는 데 문제가 있습니다. column-count: 6;을 설정하고 싶지만 5 개의 열만 나타납니다. 그것은 < = 5 값을 위해 잘 작동하는 것 같지만 뭔가를 높게 설정하려고하면 이상한 결과가 발생합니다. 열 개수가 일치하지 않습니다. 여기 .columns { column-count: 6; } .columns__

1열

1답변

열을 사용할 때 크롬이 모든 너비를 사용하지 않는 이유는 무엇입니까?

Chrome 및 열에 문제가 있습니다. 여러 개의 열로 나뉘 지 않는 열로 구성된 제목이있는 링크 집합을 갖고 싶습니다. 나는 이것을 파이어 폭스, 즉 사파리에서 얻을 수 있었지만 크롬은 공을 굴리지 않았다. 표시가있는 경우 : 인라인 블록이 제거되면 거의 모든 것이 지저분 해 보인다는 점을 제외하고는 거의 작동합니다. 아무 도움도 크게 환영합니다 . fo

0열

1답변

page-break-inside : 레벨 요소를 피하고 차단하여 Chrome에서 빈 열을 만듭니다.

이 파일에서 https://jsfiddle.net/rpep00dg/7/은 Chrome의 빈 열 앞에 내용이 추가됩니다. Firefox 또는 Safari에서 바이올린을 열면 "헤더"앞에 빈 열이 없습니다. 첫 번째 요소가 p 태그와 같은 블록 수준 요소 인 경우에 해당합니다. 어디서나 문서화 된 Chrome 버그입니까? 또한 Firefox 및 Safari와

0열

1답변

다중 열 레이아웃이 동일한 높이

시피에서 시작하여, 두 번째 요소는 세 개의 다른 요소 35px보다 낮다. 그 이유는 각 요소에 margin-bottom: 35px;이 있다는 것입니다.하지만 맨 위에 왜 추가되어 있습니까? display: inline-block을 추가하면 두 번째 이후 열이 깨지는 것을 막을 수 있습니다. 어떻게 해결할 수 있습니까? #items { disp