묻다찾다_PHP 중국어 웹사이트

지역 사회

배우다

도구 라이브러리

AI 도구

여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

CSS를 사용하여 하단 Flex 열의 항목 순서를 유지하려면 어떻게 해야 합니까?

body,html{height:100%;position:relative;margin:0;padding:0;}과 같이 컨테이너 상단에서 정렬되어 1에서 5까지 정렬된 플렉스 항목의 가로 중앙 열이 있습니다. 컨테이너{ 디스플레이:inline-flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;align-content:

P粉277464743 2024-03-30 11:59:06

CSS3 flex 하위 요소에 테두리를 추가한 후의 문제

상위 요소를 flex로 설정한 후 하위 요소 {flex:0 0 33.3333%}는 동일한 행에서 3개의 동일한 부분으로 나눌 수 있습니다. 그러나 하위 요소에 테두리를 추가하면 2개만 배열할 수 있습니다. Flex는 탄력적으로 확장 및 축소되며 테두리 너비는 계산되지 않습니다.

漂亮男人 2017-05-16 13:27:46

Flex-grow는 하위 div를 확장하지 않습니다.

저는 CSS를 처음 접했고 문제에 대한 도움이 필요합니다. flex-grow가 block__column_2div를 화면 끝까지 확장하지 못하는 이유는 무엇입니까? 커리큘럼 이론에 따르면 이는 예상되는 행동이어야 합니다. 내가 뭘 잘못하고 있는지 말해주세요. 코드 예제는 아래와 같습니다. index.html+style.css<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF

P粉388945432 2024-02-03 18:18:58

Flex 항목이 콘텐츠 크기 이상으로 줄어들지 않는 이유는 무엇입니까?

4개의 Flexbox 열이 있고 모든 것이 잘 작동하지만 열에 일부 텍스트를 추가하고 큰 글꼴 크기로 설정하면 Flex 속성으로 인해 열이 필요한 것보다 넓어집니다. word-break:break-word를 사용해 보았는데 도움이 되었지만 열의 크기를 아주 작은 너비로 조정하면 텍스트의 문자가 여러 줄(한 줄에 한 글자)로 깨지는데 열의 너비가 안 됩니다. 크기가 한 글자보다 작습니다. 이 영상을 보세요 (처음에는 첫 번째 열이 가장 작지만 창 크기를 조정하면 가장 넓은 열이 됩니다. 항상 존중하고 싶습니다.

P粉242126786 2023-08-27 16:35:08

Flex 항목을 콘텐츠 크기 아래로 축소할 수 없는 이유는 무엇입니까?

4개의 Flexbox 열이 있고 모든 것이 잘 작동하지만 열에 일부 텍스트를 추가하고 큰 글꼴 크기로 설정하면 Flex 속성으로 인해 열이 필요한 것보다 넓어집니다. word-break:break-word를 사용해 보았더니 도움이 되었지만 열 크기를 매우 작은 너비로 조정하면 텍스트의 문자가 여러 줄(한 줄에 한 글자)로 나누어졌지만 너비는 그렇지 않습니다. 글자 크기보다 작습니다. 이 영상을 보세요 (처음에는 첫 번째 열이 가장 작았지만 창 크기를 조정하면 가장 넓은 열이 됩니다. 항상

P粉038161873 2023-10-15 22:06:39

Flex 항목을 콘텐츠 크기보다 작게 줄일 수 없는 이유는 무엇입니까?

4개의 Flexbox 열이 있고 모든 것이 잘 작동하지만 한 열에 일부 텍스트를 추가하고 큰 글꼴 크기로 설정하면 flex 속성으로 인해 열이 원래 크기보다 넓어집니다. word-break:break-word를 사용해 보았는데 도움이 되었지만 열 크기를 아주 작은 너비로 조정하면 텍스트의 문자가 여러 줄(한 줄에 한 글자)로 깨지는데 열 너비가 안 됩니다. 크기가 한 글자보다 작습니다. 이 영상을 보세요 (처음에는 첫 번째 열이 가장 작지만 창 크기를 조정하면 가장 넓은 열이 됩니다. 항상 따라가고 싶습니다.

P粉432906880 2023-08-21 22:36:03

플렉스 박스를 사용하여 중첩된 div 구조의 내부 div를 새 행에 넣는 방법은 무엇입니까?

나는 Mem1 아래의 새 행에 내부 div(Mem3)를 원하고 어떤 희생을 치르더라도 div 구조를 변경하고 싶지 않습니다. 도와주세요. 이렇게 =>.flex-container{display:flex;flex-wrap:wrap;}.flex-child{border:solidblue;}.flex-fgc{border:solidblue;}.flex-inner-gc{border:solidblue ;}<

P粉982054449 2023-09-13 12:26:10

다른 Flex 항목으로 둘러싸여 있을 때 컨테이너의 가운데 Flex 항목을 배치합니다.

저는 Flexbox를 가지고 있습니다(예로 아래 코드 조각 참조). 모든 경우에 플렉스박스 중앙에서 다른 범위가 마커를 기준으로 그 주위로 흐르도록 설정하고 싶습니다. 기본적으로 align-selfCSS 코드를 찾고 있지만 가로 축(내가 요구하는 내용을 설명하는 데 도움이 될 수 있음)이 아닌 주 축을 찾고 있습니다. 나는 또한 이것을 읽은 후에 배운 margin:auto;를 적용했습니다(훌륭한 페이지이지만 여전히 다음과 같은 질문이 남습니다 - 모든 것을 완전히 이해하지는 못합니다). 이것은

P粉042455250 2023-08-25 14:40:25

css3 - 이 예에서 CSS 플렉스 상자의 플렉스 속성이 이와 같이 설정된 이유는 무엇입니까?

CSS 코드에서 item1과 item2에 대한 다음 설정을 이해하지 못합니다. 이 세 가지 값이 각각 flex-grow, flex-shrink 및 flex-basis에 해당한다는 것을 알고 있습니다. 이 {code ...}를 작성하는 목적을 모르겠습니다. 전체 코드는 다음과 같습니다. html: {code...} css: {code...} 마침내 렌더링되었습니다...

迷茫 2017-06-12 09:24:28

Flex가 div에 지정된 너비보다 더 큰 너비를 차지함을 보여줍니다.

div에는 특정 너비가 있고 그 안의 텍스트는 API에서 동적으로 제공되며 줄임표 스타일이 있습니다. 텍스트가 완전히 동적이고 텍스트 길이가 결정되지 않기 때문에 텍스트의 너비를 제공할 수 없습니다. 아래는 문제를 설명하는 코드입니다. body{배경색:lightblue;}.container{display:flex;width:130px;}.d-flex{display:flex;}.flex-column{flex-direction:colu

P粉425119739 2023-09-11 18:37:38

CSS - Flex 레이아웃 문제

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

曾经蜡笔没有小新 2017-05-19 10:47:50

Flexbox 디자인: 텍스트 풍선의 모든 면이 닿기를 원합니다.

.fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;height:max-content;border:1pxsolidroyalblue;border-radius:5px ;}<divclass="fm-content"><divclass

P粉002546490 2024-04-01 10:59:44

CSS를 사용하여 남은 수직 공간을 채우려면 display:flex를 사용하세요.

3행 레이아웃에서: 맨 위 행은 내용에 따라 크기가 조정되어야 합니다. 맨 아래 행은 고정된 높이(픽셀)를 가져야 합니다. 중간 행은 컨테이너를 채울 수 있도록 확장되어야 합니다. 문제는 주 콘텐츠가 확장되면 머리글과 바닥글 줄이 눌린다는 것입니다. : 섹션{display:flex;flex-flow:column;align-items:stretch;height:300px;}헤더{flex:01auto;배경:tomato;}div{flex:11auto

P粉794851975 2023-08-23 22:23:14

상위 요소가 작아지면 패딩 크기를 줄입니다.

셀에 사각형을 그리는 그리드가 있습니다. 행과 열의 개수를 갖고 그리드 셀을 그리고 각 셀에 (배열에 따라) 정사각형이 있어야 하는지 확인하고 필요한 경우 정사각형을 그립니다. 최종 HTML 결과는 다음과 같습니다. (1개의 행과 3개의 열이 있다고 가정하면 2개의 셀에만 사각형이 있어야 합니다.).row{display:flex;flex-wrap:wrap;flex:1000010%;}.column{display :flex ;플렉스 랩:랩;m

P粉807397973 2024-04-03 17:37:05

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

모바일 장치가 반응형 레이아웃 카드를 올바르게 표시하지 않습니다.

설명 웹페이지를 만들 때 모바일 버전을 사용해보기 전까지 ChromeDevTools에서는 모든 것이 예상대로 작동했습니다. 왜 이런 일이 발생합니까? 그런 문제가 발생하지 않았습니다. 재현 단계 이는 데스크톱 버전에서 발생하는 현상입니다. 너비를 줄인 후: 이는 예상된 결과입니다. 모바일 버전을 활성화하면 갑자기 작동하지 않습니다. flex+flex-wrap+flex-direction을 사용하거나 Grid+grid-template-columns:Repeat(auto-fit,minmax를 사용해도 마찬가지입니다.

P粉878510551 2024-03-19 22:21:02

프런트엔드 - display: -webkit-flex는 무엇을 의미합니까?

튜토리얼을 보고 있었는데 이런 속성이 있는데 display: flex;와 같은 의미인가요? 감사해요!

仅有的幸福 2017-06-12 09:24:35

테이블이 수직이 아닌 수평으로 늘어납니다.

저는 계산기를 만들려고 노력 중이고 현재 HTML과 CSS 작업을 하고 있습니다. 계산기를 세로, 가로 모두 더 크게 만들려고 합니다. width:100% 또는 flex:11100%를 사용하여 컨테이너에 맞게 너비를 쉽게 늘릴 수 있습니다. 그러나 height:100%로 높이를 늘리려고 할 때마다 컨테이너 범위를 벗어나 입력 버튼이 커집니다. . flex-basis와 flex-grow를 사용해 수직으로도 성장시키려고 노력했지만 그럴 수 없습니다. <본체><divclass=&

P粉087074897 2023-09-15 17:32:14

javascript - IE8 이상의 브라우저를 Flex와 호환되게 만드는 방법

이 페이지는 flex 레이아웃을 사용합니다. 이제 나는 flex가 PC, 특히 IE 브라우저에서 호환성이 좋지 않다는 것을 알고 있습니다. 하지만 지금 이를 변경하는 것은 확실히 많은 작업이 될 것입니다. flex 레이아웃이 ie8 이상의 브라우저도 지원하도록 할 수 있는 방법이 있습니까?

仅有的幸福 2017-07-06 10:34:52

다음과 같이 재작성된 제목: Flexbox를 사용하여 요소의 수평 및 수직 중앙 정렬 달성

Flexbox를 사용하여 컨테이너에서 div를 가로 및 세로 중앙에 배치하는 방법 아래 예에서는 각 숫자를 아래 중앙에(행별로) 배치하고 싶습니다. .flex-container{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;}row{width:100%;}.flex-item{배경 :톰

P粉748218846 2023-08-20 13:00:18