flexbox

-1열

1답변

내 프론트 엔드를 V4 Alpha 6에서 최신 (베타 2 발행 시점) 베타 2 릴리스로 마이그레이션하고 있습니다. 그러나 내 UI의 한 부분에는 '숨겨진 - * - 아래로'숨겨진 '행'요소가 있습니다. 행 이후 ... <div class="row d-none d-md-flex"> ... 일반적으로 '플렉스'디스플레이를 사용 : 새로운 display

-2열

1답변

SAP UI 5에 서로 다른 3 개의 목록을 표시하는 방법은 무엇입니까?

나는 서로 옆에 표시하고 싶은 3 가지 목록을 가지고 있지만 어떤 이유로 서로 아래에 표시되고 있습니다. JSView를 사용하고 있습니다. 여기 내 코드와 스크린 샷의 관련 부분이 있습니다. 내 JSView; var keysList = new sap.m.List(this.createId("keysList"), { }); var valLi

1열

1답변

Flexbox : justify-content : center가 충분한 수직 공간을 남기지 않음

내 응용 프로그램에 flexbox를 사용하여 레이아웃을 작성 중입니다. 내가 데이터를 표시하기로되어있어 모달는 다음과 같은 코드를 통해 수직 및 수평으로 모두를 중심으로 : .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%;

0열

1답변

CSS FlexBox 및 이미지 크기 조정

저는 실제로 flexbox를 가지고 놀고 있습니다. 그리고 적응 형 너비가있는 컨테이너에서 이미지의 크기를 조정하기 위해 보관할 수 없습니다. 또한 https://plnkr.co/edit/QaPzOVXSx5iYQXOsit9V?p=preview 직접 미리보기 : <!doctype html> <html> <head> <meta

-1열

1답변

display : 처리기에서 구부러지고 그 중 하나가 오류를 가져옵니다.

안녕하세요. 대용량 CSS 프로젝트에서 두 번째로 ancessor와 그 아이가 display : flex 속성을 가지고있는 것으로 밝혀졌습니다. 이로 인해 오류가 발생합니다. 나는이 버그에 대한 어떤 조건을 공식화 할 수 없다. 잘 1) 데스크톱 크롬에서 작동 : 그리고이 시간이 나는 모양이다의 내가 하나 더 발견 생각 https://youtu.be/0Nw

1열

2답변

동일한 행에 다른 구성 요소가있는 동안 구성 요소를 가로로 가운데에 배치하는 방법은 무엇입니까?

나는 다음과 같은 스택 탐색 헤더를 모방하기 위해 노력하고있어 : 왼쪽에서 동일한 행에 반환 버튼이있는 동안 타이틀은 (는) 도심 중앙에 . 오른쪽에 View이 비어있는 justifyContent: 'space-between'을 사용하려고했지만 제목이 오른쪽에서 약간 벗어납니다. 어떻게 접근해야합니까? 내 renderHeader 기능 : bar: {

-1열

1답변

Jumbotron에서 블록으로 표시하는 동안 플렉스를 사용하여 항목을 세로로 가운데에 배치합니까?

는 I는 대형 기기에서 수직으로 중심에 display: flex; justify-content: center; align-items: center; 모든 항목이 시도하지만 문제는 그들이 인라인을 표시하는 것처럼 모든 항목을 한 줄로 줄 지어있다. 당신은 어떻게 그것들을 블록으로 계속 표시하면서 세로로 가운데에 배치합니까?

0열

1답변

모든 미디어 크기를 덮어 쓰는 데스크톱 미디어 쿼리

미디어 쿼리에 대한 모바일 우선 접근 방식을 구현 중입니다. 필자는 태블릿 및 데스크톱 용으로 37.5em 및 50em에서 분 너비의 미디어 쿼리를 설정했습니다. 모바일 용 열과 데스크톱 용 열로 프로젝트 섹션을 표시하고 싶습니다. 내 데스크톱 미디어 쿼리가 다른 모든 것을 타는 듯합니다. HTML : <section id="projects"> <h2>

1열

1답변

다른 div 안에있는 두 개의 다른 div의 텍스트를 정렬하십시오.

두 div의 텍스트를 수직으로 정렬하려고합니다. 나는 여기서 찾은 수많은 해결책을 시도했지만 아무도 필요한 결과를 산출하지 못했습니다. 나는 sjFiddle을 상자에 포장 한 : #outer { position: relative; } #inner1 { position: absolute; align-ite

0열

1답변

각도 4 FlexBox IE10

Chrome, FireFox 및 MS Edge에서 작동하는 다음 html div 코드가 있지만 IE10에서는 서로 겹쳐서 출력됩니다. 기본적으로 3 개의 flexbox 열 div가 오름차순으로 표시됩니다. 작동중인 브라우저에서 레이아웃은 내가 원하는 것입니다. IE10 문제를 해결할 수있는 방법입니까? 고맙습니다. <div class="container">