상위 요소의 높이를 설정했음에도 불구하고 여전히 수직 중심을 달성할 수 없는 이유는 무엇입니까?

mx-auto 클래스를 사용할 수 있지만 myContainerFixed 클래스가 고정 높이를 성공적으로 표시하더라도 my-auto 클래스가 작동하도록 할 수 없습니다. 예 css.mx-auto{margin-left:auto;margin-right:auto;}.my-auto{margin-top:auto;margin-bottom:auto;}.myContainerFixed{height:90vh;}@screenlg{.

P粉493534105 2023-09-11 17:27:43 0  1  569

javascript - PHP 편집기는 기사에 그림을 추가하여 width: 100%; 스타일을 수정합니다.

PHP 편집기는 기사에 그림을 추가합니다. width: 100%: auto;

PHP中文网 2017-05-16 13:12:16 0  1  766

그리드 템플릿 행: 반복(자동 채우기, 80px)을 그리드 자동 행: 80픽셀과 같은 의미로 사용할 수 있습니까?

동적 콘텐츠를 추가할 때 필요에 따라 그리드에 더 많은 행을 추가하고 싶습니다. 이렇게 하면 트릭이 수행됩니다. .grid{display:grid;grid-template-rows:80px;grid-auto-rows:80px;//grid-template-rows:repeat(auto-fill,80px);grid-template- 열:반복(자동 맞춤,최소값(340px,1fr));그리드-

P粉823268006 2023-09-12 21:10:45 0  1  595

javascript - 배경:URL 문제가 적습니다.

background: url(${@http}/img/icon/daorug@2x.png) no-repeat center 3rem / auto 25%; @http는 변수로 이렇게 작성하면 비현실적일 것입니다. 분석! 어떻게 해야하는지 물어보세요?

ringa_lee 2017-05-19 10:30:55 0  2  644

c++ - 이 조건문은 무엇을 의미합니까?

sting::size_type find_char(const string &s,char c,string::size_type &occurs){auto ret = s.size();occurs = 0;for(decltype( ret ) i = 0;i != s.size(){ if...

漂亮男人 2017-06-19 09:07:35 0  1  1005

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  714

Bootstrap 5의 탐색 모음 드롭다운 메뉴(축소)에 기능적 문제가 있습니다.

Bootstrap5를 사용하여 반응형 메뉴나 드롭다운 버튼을 만드는 동안 문제가 발생했습니다. 모든 것이 괜찮은 것 같습니다. 탐색 아이콘과 드롭다운 아이콘이 모두 표시됩니다. 그러나 그들은 작동하지 않습니다. 탐색 아이콘이나 드롭다운 버튼을 클릭하면 드롭다운 메뉴가 나타나지 않습니다. jquery 파일도 포함했다는 점을 구체적으로 언급하고 싶습니다. 그러나 그것은 작동하지 않았습니다. 누군가 여기서 무슨 일이 일어나고 있는지 말해 줄 수 있습니까? 마지막으로 mr-auto, ml-auto 등과 같은 다른 부트스트랩 클래스를 사용하...

P粉322319601 2023-08-22 20:42:45 0  1  786

포장되지 않은 CSS GRID 적응형 피팅

.index-tous-metier-container{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));overflow-x:hidden;}@media(max-width :1000px){.index-tous-metier-container{grid-template-colum

P粉403549616 2024-03-31 09:37:32 0  1  479

javascript - fullpage.js의 자동 높이 무효화 문제에 대해

{코드...} 내 코드는 fullpage.js와 fullpage.css입니다. fullpagejs의 GitHub 주소에서 다운로드했는데, fullpage의 데모 GitHub에서 제공한 데모 코드 주소에 따라 복사했지만 나타나지 않았습니다. 데모에 대한 효과는 <fp-auto-heig와 같습니다...

滿天的星座 2017-06-30 09:55:48 0  1  893

내 로고 텍스트가 그리드 표시에 올바르게 표시되지 않습니다.

로고 주위에 흰색 배경을 두는 대신 로고를 전체 너비로 만들려고 합니다. body{text-transform:capitalize;margin:0;}.page{Background-image:url(./hero-bg.jpg);display:grid;height:100vh;grid-template-columns:10%auto;grid -템플릿 행:15%autoautoauto;g

P粉647504283 2024-02-04 08:50:49 0  1  480

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  509

javascript - 반응에서 antdesign의 테이블 컨트롤을 사용합니다. 호출 클래스의 특정 속성을 재정의하도록 내 스타일을 강제로 적용하려면 어떻게 해야 합니까?

ble에는 기본적으로 .ant-table 클래스가 포함되어 있으며 그 중 하나는 Overflow: auto입니다. 디버깅할 때 이 항목을 선택 취소하면 위의 인터페이스가 완벽하게 표시될 수 있지만 이 className을 수동으로 작성하지 않았습니다. 이제 프런트 데스크에서 이 Overflow: auto 속성을 제거하고 싶습니다.

PHP中文网 2017-05-24 11:39:01 0  3  891

탐색 요소는 디스플레이의 영향을 받지 않습니다: 그리드

탐색 모음에 그리드 표시로 설정된 일부 ulli 요소가 있지만 예상한 대로 작동하지 않습니다. li 요소는 그리드가 적용되지 않은 것처럼 나타납니다. 다음은 코드입니다: *{padding:0;margin:0;}.grid-container{display:inline-grid;grid-auto-columns:autoautoautoauto;text-꾸밈:none;}.grid-containerli{list-s

P粉295728625 2023-09-20 12:05:51 0  1  624

CSS 그리드 템플릿 열 - 새 행에 단일 열 방지

CSS 그리드를 사용하여 열 크기를 조정하고 맞지 않으면 새 행으로 이동합니다. 모든 것을 설명하는 코드는 다음과 같습니다. .tiles-container{display:grid;grid-gap:6rem;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),2fr));}a {배경:빨간색;높이:100px;}<divclass=&qu

P粉691958181 2024-03-28 17:05:36 0  1  377

툴팁의 Highcahrts 링크 및 버튼이 작동하지 않습니다.

툴팁 내부에서 클릭 이벤트를 트리거하려고 합니다. 클릭 이벤트가 포함된 버튼을 넣었지만 작동하지 않습니다. 또한 툴팁 내부에 외부 링크를 추가해 보았습니다. 그것도 작동하지 않습니다. 요소의 스타일을 얻을 수 있지만 발생한 클릭 이벤트는 얻을 수 없습니다. 이것은 툴팁 구성입니다. tooltip:{useHTML:true,style:{pointerEvents:'auto'},formatter:function(e){return'<div>'+this.x+'

P粉418854048 2024-04-04 22:01:46 0  1  1604

스크롤 가능한 콘텐츠의 높이를 동적으로 조정합니다(Ion Page, React)

ionicReact 페이지에 매우 큰 텍스트가 있어서 전체 페이지를 채우는 대신 스크롤하기를 원한다고 가정하면 다음 스타일이 많은 도움이 될 것입니다: &lt;divstyle={{overflow:'auto',flex: '11auto', height:'200px'}}&gt;SomeText&lt;/&gt;그러나 다음과 같이 일부 내용과 바닥글이 있는 페이지가 있다고 가정해 보겠습니다.&lt;IonPage

P粉478835592 2023-09-07 18:08:44 0  1  698

텍스트를 자동으로 정렬할 수 없습니다

텍스트가 아랍어인 경우 오른쪽에서 시작하고 텍스트가 영어인 경우 왼쪽에서 시작하도록 텍스트를 자동으로 정렬하려고 합니다. 인터넷을 검색한 후 태그에 dir="auto"를 사용해야 하고 CSS 파일에 text-align:auto;를 사용해야 한다는 것을 알았습니다. h1 태그는 사용했지만 a 태그는 사용하지 않았습니다. 코드: import "./item.css"; constItem=({Links,title})=>{retur

P粉043470158 2024-02-25 20:32:36 0  1  484

항목의 마지막 행이 CSS 그리드의 남은 공간을 차지하도록 만드는 방법은 무엇입니까?

그리드의 마지막 행에 있는 모든 항목이 개수에 관계없이 해당 행을 채우도록 하는 방법이 있습니까? 그리드에 있는 항목의 개수를 모르기 때문에 직접 배치할 수는 없습니다. 나는 Grid-auto-flow:ensemble을 사용해 보았지만 별로 도움이 되지 않았습니다. 내 문제의 시각화는 다음과 같습니다. :div{margin:20pxauto;width:400px;Background:#d8d8d8;display:grid;grid-gap:10px;grid-template-co

P粉434996845 2023-10-20 20:39:37 0  1  876

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

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

P粉878510551 2024-03-19 22:21:02 0  1  480

CSS 그리드를 사용한 사용자 정의 레이아웃: 특정 요소 타겟팅

CSS 그리드를 사용하여 이 디자인을 재현해야 하며 결과를 얻기 위해 특정 그리드 요소의 위치를 ​​지정하려고 시도했지만 성공하지 못했습니다. 이것이 제가 현재 갖고 있는 것입니다. 몇 가지 사항을 수정해야 하지만 그 전에 바로 구조를 가져오고 싶습니다. 첨부된 코드 조각은 다음과 같습니다. .grid-container{display:grid;grid-template-columns:repeat(13,minmax(30px,auto));gap:30px;}.grid-item{Background-colo

P粉144705065 2024-03-28 11:25:39 0  1  346