CSS - Flex 레이아웃에 대한 질문

플렉스 레이아웃에 사용하는 코드는 다음과 같습니다: .cszgroup-ul{ display: justify-content: space-wrap: margin-top: 5px;}.cszgroup- ul li{ width: 31%; margin-bottom: 10px;}결과는...

滿天的星座 2017-06-05 11:13:12 0  5  853

CSS - Flex 레이아웃 문제

헤더는 플렉스 레이아웃을 사용하는데, 검색창을 가로 중앙에 배치하고 싶은데, 네이티브 IOS의 레이아웃과 유사하게 왼쪽과 오른쪽의 내용에 영향을 받지 않게 구현한 것으로 기억합니다. 이전에는 flex.css를 사용하고 나서 잊어버렸습니다. 이를 어떻게 구현하는지 살펴보겠습니다.

曾经蜡笔没有小新 2017-05-19 10:47:50 0  4  1053

CSS3 - 양쪽 끝의 플렉스 레이아웃

이러한 요구 사항이 있습니다. 상자 1, 2, 3은 왼쪽, 위쪽, 아래쪽에 중앙에 배치되어야 하고, 상자 4, 5, 6은 오른쪽, 위쪽, 아래쪽에 중앙에 위치해야 합니다. flex 레이아웃? 일부 정보를 확인한 후에는 다음과 같은 일반적인 상황만 달성할 수 있는 것 같습니다.

高洛峰 2017-05-16 13:27:30 0  1  816

css - flex를 사용하여 이 레이아웃을 구현하는 방법은 무엇입니까?

이런 레이아웃을 구현하기 위해 flex를 사용하는 방법은 세 번째 지점까지 작성을 완료할 수 없었습니다. 도와주세요. {암호...}

ringa_lee 2017-06-30 09:56:55 0  2  968

css - 3열 레이아웃을 구현하기 위해 flex를 사용하는 방법은 무엇입니까? 하지만 하위 요소의 높이는 적응형이어야 합니까?

flex를 사용하여 그림에서 3열 레이아웃을 구현하려고 합니다. 현재 다음과 같은 문제가 발생합니다. 상위 요소가 display: flex를 설정하면 세 열의 높이가 같고 세 열의 높이를 원합니다. 열을 적응형으로 설정하려고 합니다. flex-direction:colum이나 flex-flow:row nowrap 중 어느 것도 원하는 효과를 얻을 수 없습니다...

滿天的星座 2017-05-16 13:45:22 0  1  1597

css - H5 페이지 플렉스 레이아웃은 Huawei와 어떻게 호환됩니까?

저는 최근 모바일 웹페이지 프로젝트를 진행하다가 갑자기 Huawei의 기본 브라우저가 플렉스 레이아웃을 지원하고 호환이 필요하다는 사실을 발견했습니다. 정보를 확인해 보니 한 웹 페이지와 호환되는데 다른 페이지에서는 호환되지 않는 것 같습니다. 어딘가에서 실수를 했을 수도 있지만 별로 불편한 점은 없었습니다. 첨부된 코드...

迷茫 2017-05-16 13:43:07 0  1  969

단일 그리드 또는 Flex를 사용하여 다양한 카드 레이아웃 만들기: 실용적인 가이드

그림과 같은 반응형 카드 레이아웃을 만들려고 합니다. 제가 현재 하고 있는 일은 컴퓨터, 태블릿, 모바일 기기용으로 별도의 레이아웃을 만드는 것입니다. 그런 다음 미디어 쿼리를 사용하여 다른 두 보기의 표시 속성을 display:none으로 설정했습니다. 예: 컴퓨터 보기에 있는 경우 컴퓨터의 카드 레이아웃에는 디스플레이가 "없음"으로 설정되지 않지만 다른 두 컴퓨터의 디스플레이는 없음으로 설정됩니다. 이는 효과가 있지만 중복이 많이 발생합니다. Flex 또는 Grid를 사용하여 세 가지 레이아웃을 모두 구현하는 ...

P粉808697471 2024-04-02 21:07:36 0  2  508

레이아웃 문제

죄송한데 레이아웃에 대해 알려주실 수 있나요?

不言失败 2021-04-11 22:59:23 0  1  1388

왼쪽 및 오른쪽 레이아웃이 잘못됨

그릴 때 왼쪽과 오른쪽 레이아웃이 잘못된 이유는 무엇입니까?

P粉653371603 2022-01-18 19:02:01 0  1  1174

java - 동일한 레이아웃을 가진 다중 인터페이스가 있습니까?

5개의 다른 액티비티가 있다고 가정하지만, 5개 액티비티의 하단에 있는 레이아웃과 기능은 동일합니다(toolBar와 같은 다른 레이아웃은 다릅니다). 이 동일한 레이아웃을 기본 클래스에만 작성하는 방법을 묻고 싶습니다. 활동과 다른 활동은 이 BaseActivity를 상속하여 다음을 달성합니다.

ringa_lee 2017-06-20 10:06:35 0  3  1114

플렉스 천 성배 레이아웃에서 단어 위치를 변경할 수 없나요?

성배 레이아웃을 사용했지만 단어의 위치를 ​​변경하는 것이 매우 어렵습니다. 왼쪽 및 오른쪽 단어를 왼쪽 상단에 배치하려면 어떤 방법을 사용해야 합니까? 나는 이틀 동안 여기에 갇혀 있었고 그것을 구현하는 방법을 모릅니다. 시도해 보니 녹색 사각형이 맨 위에 있었지만 단어는 여전히 가운데에 있었습니다. 이유는 무엇입니까? HTML 코드 <div class="left" > <nav> <di

无花果树 2019-07-21 22:03:45 0  0  1025

html - CSS 레이아웃 테이블 셀 간격

테이블 레이아웃은 셀 간격 = 0을 사용하여 상단 및 하단 tr 사이에 1px 간격을 표시하는 방법

迷茫 2017-05-16 13:28:07 0  2  1038

단일 열 레이아웃 적응형

단일 열 레이아웃의 본문에 배경색을 어떻게 추가합니까? 최종 효과를 어떻게 달성해야 할지 모르겠습니다. 답변해 주시기 바랍니다. 감사합니다.

JIA 2018-03-17 23:45:41 0  0  1256

Next.js의 레이아웃이 페이지 콘텐츠를 모호하게 합니다.

내 Next.js 애플리케이션의 레이아웃으로 Material-ui(https://mui.com/material-ui/react-bottom-navigation/)의 하단 탐색을 사용하려고 합니다. 그러나 탐색 기능이 페이지 하단을 가립니다. 여백과 패딩을 변경해 보았지만 작동하지 않았습니다. 나는 Material-ui와 똑같은 하단 탐색을 사용하고 있습니다. 레이아웃이 없으면 이렇게 보입니다. 레이아웃을 사용하면 콘텐츠가 가려집니다. 정말 감사합니다.

P粉018653751 2024-04-02 19:42:19 0  1  379

javascript - 성배 레이아웃에 대한 약간의 의심

이것은 표준 성배 레이아웃입니다. 이것은 HTML 코드입니다. {code...} sheng.png

学习ing 2017-07-05 10:54:07 0  1  904