단일 열 레이아웃 적응형

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

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

vim - 편집기 창의 레이아웃이 가장 아름다운 것은 무엇입니까?

스태킹 시 가장 적합하고 실용적인 창 레이아웃은 무엇입니까? 이중 열, 이중 행, 다중 행 및 다중 열, 그리드 또는 수직 T입니까? 또는 다른 것?

習慣沉默 2017-05-16 16:41:12 0  11  1500

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

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

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

새로운 줄바꿈이 포함된 2열 레이아웃

편집 프로젝트를 위해 여러 열로 구성된 잡지 스타일 레이아웃을 시험해 보고 있습니다. 모니터 크기가 계속 증가함에 따라 종이 잡지와 매우 유사한 레이아웃(페이지당 2~3열)을 만들어 모니터의 사용 가능한 모든 인치를 활용하고 싶었습니다. 나는 기사 관리를 위해 TipTap 편집기를 사용하고 있으며(매우 깨끗한 HTML 코드를 반환하므로) 프런트엔드에서 다음과 같은 HTML 출력을 얻습니다. csscolumns 클래스를 사용하여 기사를 두 부분으로 분할합니다: Article{columns:2;} 그러나 결과는 다음과 같습니다: 나는 ...

P粉350036783 2024-02-03 21:08:53 0  1  399

javascript - 오른쪽 열의 너비는 고정되어 있고 왼쪽 열은 적응형이며 최소 너비가 있습니다.

오른쪽 열은 너비가 고정되어 있고 왼쪽 열은 적응형이지만 창이 어느 정도 줄어들면 왼쪽 열은 더 이상 작아지지 않습니다. 이 효과를 얻으려면 어떻게 배치해야 합니까?

phpcn_u1582 2017-05-31 10:39:00 0  3  964

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

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

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

android - 두 레이아웃의 가장자리에 이미지를 설정하는 방법

그림과 같이 이러한 효과를 설정하는 방법은 그림이 두 레이아웃의 가장자리에 있습니다. 이 활동 아래에는 프레임 레이아웃을 사용하여 투명도를 설정하는 활동이 있습니다. 투명한.

淡淡烟草味 2017-05-16 13:34:07 0  2  887

CSS - Flex 레이아웃 문제

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

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

첫 번째 열의 전체 높이에 걸쳐 하나의 항목이 포함된 3개의 열로 구성된 그리드 레이아웃을 구현합니다.

CSS에서 1개의 열 콘텐츠를 오프셋하고 싶습니다. 다음을 수행하는 것만 큼 간단하다고 생각합니다. 이제 이는 상단을 오프셋하지만 두 번째 열이 첫 번째 열의 높이(여백 포함)와 일치하게 만듭니다. 첫 번째 열을 어떻게 오프셋할 수 있나요? https://jsbin.com/delobaluga/edit?html,css,output.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;}.grid.item

P粉659516906 2024-04-02 09:05:41 0  1  533

교사는 모바일 레이아웃 비디오 튜토리얼을 언제 출시할 예정인가요?

선생님은 언제 모바일 레이아웃 동영상 튜토리얼을 공개하시나요?!!!

五花小鱼 2021-04-02 18:28:06 0  1  2902

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

기본 레이아웃을 변경하지 않고 MediaQueries를 통해 더 작은 해상도로 표시되는 레이아웃을 변경할 수 있습니까?

요소가 예상대로 표시되도록 기본 해상도에서 "격자 템플릿 열" 레이아웃을 사용하고 있지만, 더 작은 해상도에서는 컨테이너 우선 순위에 따라 렌더링되어 변경하고 싶은 시각적 효과를 생성합니다. 기본 해상도: 디스플레이 왼쪽에서 렌더링한 다음 디스플레이 반대쪽, 그 아래에서 렌더링합니다. 더 작은 해상도에서는 요소가 이 레이아웃으로 렌더링되기를 원합니다. 그런 다음 각 요소가 다른 요소 아래에 하나씩 렌더링됩니다. <divclassName='containerabout_container'><div>...

P粉301523298 2023-09-16 14:17:29 0  1  903

CSS 그리드 레이아웃, 자동으로 행 추가 및 열 너비를 최대 그리드 항목 너비로 설정

원하는 수의 그리드 항목이 포함된 그리드 레이아웃을 원하며 그리드 항목이 채워지면 자동으로 다음과 같은 새 행이 생성됩니다. #grid{display:grid;width:256px;border:1pxsolidblack ;grid-gap:12px ;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));}#gridspan{배경색상:lig

P粉818317410 2024-03-28 11:13:36 0  1  444

CSS: 열을 사용하여 2개 열에 4개 항목 렌더링: 3

너비는 같지만 높이가 다른 항목을 렌더링하기 위해 3열 석조 레이아웃을 만들고 싶지만 아래 코드를 시도하면 세 번째 열이 비어 있어 약간 이상해 보입니다. 어떻게든 고칠 수 있을까요? 이 코드를 시도했는데 첫 번째 열에 두 개의 항목이 있고 두 번째와 세 번째 열에 한 개의 항목이 있기를 원합니다. 높이가 같은 4개의 항목은 특정 사례일 뿐이므로 최종적으로 항목 수와 각 항목의 높이를 알 수 없습니다. .container{열 개수:3;배경색:#

P粉300541798 2023-09-08 19:54:21 0  1  512

제목 변경: 고정 div 열 및 나머지 너비

모든 열이 브라우저 창의 전체 높이가 되는 5열 레이아웃을 만들려고 합니다. 중간 열을 제외한 나머지 열은 브라우저/문서 스크롤 시 고정되어 움직이지 않아야 합니다. 중간 열에는 웹 사이트 콘텐츠가 포함되고 수직으로 오버플로되므로 브라우저에서 정상적으로 스크롤되어야 합니다. 그 외에도 중간 열을 제외한 모든 열의 너비는 고정되어 있으며 나머지 공간(상위 요소의 너비 100%)을 차지하려면 중간 열이 필요합니다. 한 가지 요구 사항은 flexbox 또는 css-grid를 사용하지 않는 것입니다. 아래 코드는 내가 얻은 것입니다. 열 ...

P粉786432579 2023-09-14 17:17:47 0  1  643

Flexbox를 사용하여 반응형 레이아웃을 구현하는 방법

Flex 컨테이너 내부에 xy개의 카드와 단일 위젯을 렌더링하는 React 앱을 만들고 있습니다. 모든 카드의 너비와 높이는 동일하지만 위젯의 높이는 카드 높이 * 2 + 행 간격과 같습니다. 컨테이너의 너비는 뷰포트 너비에 따라 변경되며 시각적으로 카드가 있는 2열 또는 3열로 각각 표시되어야 합니다. 더 명확하게 하기 위해 위젯이 파란색으로 표시된 필수 레이아웃의 모형 이미지를 제공했습니다. 내가 무엇을 시도하더라도 행의 높이를 해당 크기로 변경하지 않고는 위젯을 올바른 위치에 표시할 수 없습니다.

P粉733166744 2024-02-26 19:29:01 0  2  387

html5 - 부트스트랩의 열 열 너비 문제

부트스트랩에는 적응형 레이아웃 col-md-, col-sm-, col-lg-*를 설정하는 여러 가지 상황이 있습니다. 그런 다음 내 질문은 그 의미를 이해하지만 class=col -While을 작성할 때입니다. 기다리면 이 모든 상황을 다 적어야 하나요? 4개를 모두 쓸 필요가 없다면...

仅有的幸福 2017-06-27 09:19:09 0  2  967

미디어 쿼리가 없는 3열 데스크톱에서 1열 모바일 레이아웃까지

여기에 몇 가지 질문이 있지만 내가 찾고 있는 문제를 완전히 해결하지는 못합니다. 내가 웹사이트를 갖고 있고 그렇게 하고 싶다고 가정해 보겠습니다. 데스크탑에서 나는 이것을 원합니다: 이것은 쉽습니다. Grid-template-columns: Duplicate (3,33%) (기본적으로) 그러나 모바일에서는 단일 열로 전환되기 전에 이 작업이 수행되기를 원합니다. 나는 클램프(), minmax() 및 모든 종류의 작업을 시도하고 있습니다. 하지만 내가 원하는 대로 되는 건 하나도 없어. 예, 미디어 쿼리를 완전히 사용할 수 있지만 ...

P粉085689707 2023-12-23 14:03:05 0  1  529

Flexbox 내에서 빈 테이블 열 사용: nowrap

Flexbox 컨테이너 내부의 빈 이제 랩 텍스트가 페이지를 넘치고 있습니다. CSS 레이아웃에서 이상한 경우가 발생하는 것 같습니다. 테이블이 있고 한 열에 두 개의 열이 있는 플렉스 컨테이너가 있습니다. 첫 번째 열에는 선택 항목이 포함되어 있고, 두 번째 텍스트는 한 줄에 있어야 하며 너무 길면 줄임표로 끝나야 합니다. (텍스트는 동적입니다.) 명확하게 말하면 테이블 html을 제어할 수 없습니다. 열 내에서만 HTML을 추가할 수 있습니다. Flexbox 내부의 텍스트 오버플로는 일반적인 문제인 것 같지만 제 경우에는 일반적...

P粉217784586 2024-03-28 22:08:37 0  2  409

javascript - 스위퍼 캐러셀 차트가 높이가 일관되지 않은 왼쪽 및 오른쪽 레이아웃을 사용합니다.

스와이프 사용 시 좌우로 2개의 레이아웃이 있어 좌우로 슬라이드가 가능한데, 오른쪽의 레이아웃이 너무 길어서 왼쪽으로 슬라이드 시 상단에 위치하지 않게 됩니다. 왼쪽이지만 오른쪽의 슬라이딩 장소에서 기다립니다. 좋은 방법 없을까요? ? ? ? 위 사진과 비슷하게 오른쪽에 빨간색 부분이...

天蓬老师 2017-07-05 10:53:06 0  1  1054