flexbox

1열

1답변

경우처럼 가지고 뭔가 : <!DOCTYPE html> <html lang="de"> <head> <link rel="stylesheet" href="/styles/screen.css?v=737285430" media="screen, projection" /> </head> <body> <section id=

3열

2답변

CSS3 FlexBox가 Firefox 22에서 올바르게 표시되지 않음

어떤 이유로 Firefox 22에서 작업중인 프로젝트가 올바르게 표시되지 않습니다. In은 Webkit 브라우저에서 잘 작동하며 (Opera 15 및 Chrome 27에서 테스트 됨, Safari는 7.0까지 업데이트 된 사양을 지원하지 않음). 모든 것이 행으로 그룹으로 묶여 있기 때문에 첫 번째 생각은 플렉스 방향을 행 대신 열로 변경하는 것이지만 도움

1열

1답변

CSS3 flex : 입력 상자의 특정 너비, 입력 상자가 넘치고 있습니다

누군가이 jsFiddle 동작에 대해 설명해 줄 수 있습니까? http://jsfiddle.net/zZgmn/1/ 내가 원하는 것은 input[type=text] 상자의 너비를 지정하는 것입니다. 그러나 플렉스 방향을 행으로 설정하면 입력 상자가 크기 변경을 거부합니다. 플렉스 방향을 열로 설정하면 텍스트 상자가 지정된 너비로 변경됩니다. 폭을 줄이면 가능

6열

1답변

Firefox 및 Safari의 css3 flexbox 호환성 문제

최신 버전의 IE/Firefox/Safari와 호환되도록 flexbox 레이아웃을 정렬하려고합니다. Firefox/Safari와 관련된 문제가 있습니다. 제안 된 레이아웃 : body { width:50%; height:100%; display: -ms-flexbox; -ms-box-orient: horizontal;

1열

2답변

수직으로 정렬 된 플렉스 박스 아이템의 오버 플로우 방향 정의

저는 단일 아이템을 가진 플렉스 박스를 가지고 있습니다. 이 항목은 가로 및 세로 가운데에 있습니다. 아이템이 컨테이너보다 커지면 컨테이너의 상단과 하단에 똑같이 오버 플로우됩니다. 나는 바닥에 흘러 넘치고, 꼭대기에 고정되어있다. 어떤 아이디어?이 http://codepen.io/wilsonpage/pen/LzryK (최신 인 flexbox에 대한 크롬

0열

1답변

파이어 폭스와 오페라의 테이블 대신 Flexbox

우리 모두는 파이어 폭스와 오페라가 테이블을 다루는 것을 안다는 것을 알고 있습니다. 다음 코드와 CSS를 사용하면 Chrome과 Safari에 내 테이블이 완벽하게 표시됩니다. 파이어 폭스와 오페라의 경우 항목이 표시되는 행의 패딩이 거의 3 배가되어 4 개 항목의 오버플로가 발생했습니다. 테이블을 가볍게 두르는 것은 끔찍한 것처럼 보입니다. HTML :

1열

1답변

플렉스 박스 유무에 관계없이 사용 가능한 공간을 채우십시오.

내 <main> 요소 안에는 div32가 있고, 각각은 .dataCard입니다. 각 .dataCard은 동일한 최소 크기를 가지고 있지만, .dataCard에 콘텐츠를 추가하자마자 나는 이상하게 행동하는 레이아웃을 발견했습니다. <main> 요소는 각각 .dataCard을 포함하는 두 개의 열로 구분됩니다. .dataCard의 순서가 왼쪽 열에, 오른쪽 열

1열

1답변

display : flex - firefox에서 작동하지 않습니다.

this article에 따르면 display:flex 속성은 firefox 21에 아무런 프리픽스없이 작동해야합니다. 그러나 값이 -moz- 인 경우에도 HTML 파서에서 인식하지 못합니다. 저는 파이어 폭스 20을 제거하고 파이어 폭스 21을 재설치하려고했지만 최근에 작동하기를 바랬습니다. 웹 개발자 도구를 사용하는 경우 , 나는 다음과 같은 경고 및

7열

2답변

세로 맞춤 - IE10 플렉스 상자가 작동하지 않습니다.

저는 센터를 IE10과 별도로 지원하는 모든 브라우저에서 작동하도록 조정했습니다. 나는 구문이 정확하고 그것이 그것을 지원한다고 생각한다. 아무도 도와 줄 수 있습니까? html { height: 100%; } body { background: red; font-family: 'Open Sans'; min-height

9열

1답변

어떻게 이런 DOM 구조에서 인 flexbox

를 사용 등분으로 구분을 강제 균등로 배포한다 ID (2, 4)와 #1{ display: flex; flex-direction: row; } #2, #4{ flex: 1; } div의 : <div id="1"> <div id="2"> <div id="3"> </div> </div>