css3

0열

2답변

div 컨테이너의 이미지가 다음 행으로 이동하는 대신 넘칠 수 있습니다.

나는 최대 너비와 너비가 overflow: auto 인 컨테이너가 있습니다. 컨테이너에는 이미지가 있습니다. 여백을 제거하기 위해 모든 항목을 한 줄에 배치하여 수평 여백을 제거하고 float: left을 추가하여 수직 여백을 제거했습니다. 문제는 모든 이미지가 단일 행에 있더라도 다른 이미지를 배치 할 공간이 없으면 오버플로가 아닌 가로 스크롤 막대를 추

4열

1답변

CSS 그리드 레이아웃 - 필요한만큼의 열로 항목을 만듭니다.

CSS 그리드 레이아웃 (이상적으로는 명시적인 열 그리드가있는)을 사용하고 싶습니다. 그리고 x 축을 따라 여분의 공간을 흡수하거나 다른 항목에서 사용되지 않는만큼의 열을 확장하는 유연한 항목을 갖고 싶습니다. 완벽 솔루션은 항목이 비어있는 모든 열 (flex 속성과 유사 함)에 걸쳐있게 만드는 속성입니다.하지만 CSS 그리드에서는 불가능합니다. 나는 예를

1열

3답변

TextField에서 자리 표시 자 스타일 지정

TextField API에는 input 요소의 의사 자리 표시 자 요소의 스타일을 지정하는 방법에 대한 언급이 없습니다. 기본적으로 자리 표시 자 텍스트의 기본 스타일을 변경하고 싶습니다. the normal bag of tricks이 작동하지 않습니다. 요소에 액세스 할 수 없기 때문입니다. 내가 사용할 수있는 방법이 있습니까? 그렇다면 JSS/React

0열

1답변

보기에 SVG 애니메이션 표시

SVG가 보일 때 애니메이션 CSS를 표시하고 해당 요소로 다시 스크롤하면 다시 시작됩니다. 데모를 발견하고 SVG 요소를 넣으려고했지만 작동하지 않습니다. 도와주세요! 감사! Activate CSS3 animation when the content scrolls into view 내 HTML은 <div class="lineNone"> <svg

0열

1답변

플렉스 바디가있는 부트 스트랩 컨테이너 - 유체 Chrome 및 Firefox

Chrome 및 Firefox 모두에서 컨테이너 유체 div가 포함 된 플렉스 바디로 이상한 동작이 발생합니다. html, body { height: 100%; min-height: 100%; overflow: hidden; } body { display: flex; flex-d

0열

1답변

CSS - 변형 : 이미지의 크기가 겹치고 올바르게 크기 조절되지 않음

내 사이트의 특정 페이지에 대한 변형 : 축척 전환을 다시 만들려고하고 있지만 제대로 작동하지 않습니다.이 코드 스 니펫에서 볼 수 있듯이 (전체 페이지보기) - 매끄럽지 않고 언더 랩핑 및 언더 랩핑 이미지. 나는 각각의 이미지, 공중 선회 할 때, 겹치는 이미지에 남아 텍스트 다른 이상과 정치가 필요 /* Partners page */

-1열

1답변

디스플레이가있는 이미지 : 플렉스; 크롬에서 사진 및 비디오 뻗어와 파이어 폭스에서 그들은 완벽한 ..</p> <p>I된다</p> <pre><code>display: flex; </code></pre> <p>문제를 사용하여 내가 웹 사이트에 있어요 파이어 폭스

크롬에 잘못 표시, 작업 .. 입니다 내 HTML과 CSS의 유효성을 확인 했으므로 아무런 문제가 없었습니다 ... 내가 시험해 볼 수있는 몇 가지 제안이 있으십니까? 나는 이미지와 동영상 자체에 플렉스 배치 시도하고 나는 폭을 시도 flex: 1 1 auto; 및 flex: 0 1 auto; 을 사용하고 있고, 높이 에게 손도 안 #section-

0열

1답변

왼쪽 맞춤 콘텐츠로 div를 중앙 집중화합니다.

쉽게 대답 할 수있을 것으로 확신하지만, 아직 이해할 수 없습니다. 나는 다음과 같은 레이아웃을 마련하기 위해 노력하고있어 : 빨간색 상자가 동적으로 내용에 맞게 성장해야하고, 페이지를 중심으로해야한다 사업부입니다. 수평으로 맞출 수있는 노란색 div 수만큼 넓어 야합니다. 노란색 상자는 왼쪽 정렬되어야하는 div입니다. 지금까지 나는 빨간색 div가 텍스

1열

1답변

Flexbox 수직 센터링/모바일 브라우저 문제

컨텍스트 : 컨테이너에 display: flex을 사용하고 페이지의 중앙에 수직으로 한 개의 svg 요소를 중심으로 정렬합니다. 페이지의 유일한 다른 점은 A) 문서 흐름에서 벗어나 공간을 차지하지 않는 고정 헤더와 B) 공간을 차지하지 않아야하는 position: absolute의 바닥 글입니다. 센터링은 모바일 크롬/모바일이 아닌 모든 브라우저에서 올바

-1열

3답변

열을 모눈에 맞춰 정렬하고 마지막 행을 가운데에 배치하려면 어떻게합니까?

나는 다음과 같은 레이아웃을 달성하는 방법은 다음과 같습니다 나는 인 flexbox을 사용하려고했습니다 jusitfy-content: space-around;을 사용하여 콘텐츠를 정당화. 거의 모든 것이 작동하지만 첫 번째 행을 제외하고는 각 열이 컨테이너에 맞춰집니다. 또한 6 개의 항목을 사용해야 할 수도 있습니다. 그 경우 하단 행은 상단 행과 동일하