mycopycode

최대 높이 설정을 해제하는 방법은? 재설정하는 방법max-height일부 CSS 규칙에서 이전에 설정된 경우 속성이 기본값으로 설정됩니까?이것은 작동하지 않습니다. pre { max-height: 250px; } pre.doNotLimitHeight { max-height: auto; // Doesn't work at least in Chrome } 재설정 위치none: pre { max-height: 250px; } pre.doNotLimitHeight { max-height: none; } 언급다음 css를 사용하여 max-height 특성을 지울 수 있습니다. max-height:none; 사용가능 max-height: unset; 이 값은 상위에서 상속할 경우 속성을 상속된 값으로 재설정하고(키워..

이스요소 블록 레벨 또는 인라인 레벨? 어디선가 읽은 적이 있어요요소가 둘 다와 같이 동작합니다.맞다면 누군가 예를 들어 설명해 주실 수 있나요?그것은 사실입니다. 그것들은 둘 다입니다. 혹은 더 정확히 말하자면, 그것들은 "인라인 블록" 요소입니다.이것은 그들이 텍스트처럼 일렬로 흐르지만 블록 요소처럼 너비와 높이를 가지고 있다는 것을 의미합니다. CSS에서 요소를 다음과 같이 설정할 수 있습니다.display: inline-block이미지의 동작을 복제하도록 만들기*. 이미지와 객체는 컨텐츠 자체가 없기 때문에 기본적으로 이진 데이터로 대체되기 때문에 "대체" 요소라고도 합니다. * 브라우저는 기술적으로 다음을 사용합니다.display: inline(개발자 도구에서 볼 수 있듯이) 하지만 이미지에 특..

요소의 한쪽에 상자 그림자를 추가하려면 어떻게 해야 합니까? 나는 몇 개의 상자에 그림자를 만들어야 합니다.block(예를 들어) 요소만 오른쪽에 있습니다.제가 하는 방법은 내부의 요소를 에워싸는 것입니다.box-shadow와 함께 바깥쪽으로padding-right그리고.overflow:hidden;그래서 그림자의 다른 세 면은 보이지 않습니다. 이를 달성하기 위한 더 나은 방법이 있습니까?맘에 들다box-shadow-right? 편집: 그림자의 세로 부분만 만드는 것이 제 의도입니다.정확히 무엇과 똑같습니다.repeat-y규칙상의background:url(shadow.png) 100% 0% repeat-y그럼 됩니다.예, 상자 그림자 규칙의 그림자 확산 속성을 사용할 수 있습니다. .myDiv { bo..

HTML/CSS로 브라우저 양식 채우기 및 입력 강조 표시 재정의 저는 두 가지 기본 양식이 있습니다. 둘 다 같은 페이지에 있는 로그인과 가입입니다.지금은 사인폼 자동채움에 문제가 없지만, 사인폼도 자동채움에 문제가 없고, 마음에 들지 않습니다. 또한 폼 스타일이 노란색 배경을 갖게 되어 오버라이드 할 수 없고 인라인 CSS를 사용하고 싶지 않습니다.노란색으로 칠해지거나 자동 충전이 되지 않게 하려면 어떻게 해야 합니까?업데이트: 최신 Chrome 버전에서는 작동하지 않습니다. "강한" 안쪽 그림자로 속입니다. input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own backgrou..

디브를 용기 바닥에 띄우려면 어떻게 해야 합니까? 는 했습니다를 맨 했습니다.float:right(또는left 합니다.,요divr의 div께를 사용할 수 있습니다.float(위와 왼쪽으로만 래핑된 텍스트). 저는 했습니다.floatbottom는 여러 을 할 수 웹 을 사용하는 것 외에 못했지만 value다. 나는 이것이 아주 흔한 디자인이 될 것이라고 생각했지만, 분명히 그렇지 않습니다.을 하지 않는다면, 는 제 해야 할 div수작업으로 하지만 그것은 다소 불안정하며 필요한 모든 페이지에서 그것을 해야만 하는 것은 싫습니다.상위 디바를 다음으로 설정합니다.position: relative엔 내면의 , 는... position: absolute; bottom: 0; ...그러면 끝입니다 :)작동시키는 방법..

유동적인 웹사이트는 더 이상 만들 가치가 있습니까? 닫힘.이 질문은여론에 입각한현재 답변을 수락하고 있지 않습니다. 이 질문을 개선하고 싶으십니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트합니다. 8년 전에 문을 닫았습니다. 이 질문을 개선합니다. 저는 지금 웹사이트를 만들고 있는데 유동적으로 만들어야 할지 말아야 할지 결정하려고 합니다.고정 너비 웹 사이트는 훨씬 쉽게 만들 수 있고 일관성 있게 보이도록 만들기도 훨씬 쉽습니다. 하지만 솔직히, 저는 개인적으로 모니터의 전체 너비까지 확장되는 유동적인 웹 사이트를 보는 것을 선호합니다.제 질문은 대부분의 현대 브라우저에서 마우스 휠을 스크롤하여 웹 사이트의 크기를 조정할 수 있다는 사실에서 나온 것입니다. 그래서 유동적인 ..

테이블에 최소 높이를 사용할 수 있습니까, tortd? 테이블에서 수신에 대한 몇 가지 세부 정보를 표시하려고 합니다. 저 테이블은 제품을 보여줄 수 있도록 최소 높이로 해주세요.따라서 제품이 하나만 있는 경우 테이블 끝에 최소한 공백이 있을 것입니다.반면에 5개 이상의 제품이 있다면 그 빈 공간이 없을 것입니다. 나는 이 CSS를 사용해 보았습니다. table,td,tr{ min-height:300px; } 하지만 효과가 없습니다.height위해서td와 같이 작동합니다.min-height: td { height: 100px; } 대신에 td { min-height: 100px; } 내용이 맞지 않으면 테이블 셀이 증가합니다. https://jsfiddle.net/qz70zps4/좋은 솔루션은 아니지만 ..

크롬의 입력 강조 표시/초점 테두리를 재설정/제거하는 방법은 무엇입니까? 이 질문에는 이미 다음과 같은 답이 있습니다. 텍스트/입력 상자 주변의 포커스 테두리(아웃라인)를 제거하는 방법은 무엇입니까?(크롬) (11개 답변) 닫힘8년 전에. 크롬이 더 두꺼운 테두리를 씌우는 것을 보았습니다.:focus하지만 제 경우에도 국경 반경을 사용한 적이 있는 것은 좀 이상해 보입니다.그것을 제거할 방법이 있습니까? 다음을 사용하여 제거할 수 있어야 합니다. outline: none; 그러나 이것은 잠재적으로 유용성에 좋지 않습니다.키를 사용하여 양식의 모든 요소를 통과할 때 흡입될 수 있는 요소가 집중되어 있는지 여부를 구분하기 어렵습니다. 요소가 집중되어 있을 때 어떻게든 반영해야 합니다.완전히 제거하려면 다음 ..

여러 클래스를 기준으로 요소 선택 태그에 클래스가 두 개일 때 적용하고 싶은 스타일 규칙이 있습니다.자바스크립트 없이 이것을 수행할 수 있는 방법이 있습니까?즉, 다음과 같습니다. 다음과 같은 경우에만 스타일 규칙을 적용합니다.li둘 다 있습니다.left그리고..ui-class-selector적용된 클래스입니다.두 개의 수업을 말하는 건가요?셀렉터를 "사슬로 묶습니다"(둘 사이에 공백이 없어야 함). .class1.class2 { /* style here */ } 이 옵션을 사용하면 다음과 같은 모든 요소가 선택됩니다.class1그것 또한 가지고 있습니다.class2. 당신의 경우: li.left.ui-class-selector { } 공식 문서: CSS2 클래스 선택기. Kakamike가 Interne..

"display:none"이 이미지 로드를 방해합니까? 대응하는 모든 웹 사이트 개발 튜토리얼은 다음을 사용할 것을 권장합니다.display:none웹 사이트가 더 빨리 로드되도록 모바일 브라우저에서 콘텐츠가 로드되지 않도록 숨기기 위한 CSS 속성입니다.그게 사실인가요? 있습니까?display:none이미지를 로드하지 않거나 모바일 브라우저에 콘텐츠를 로드합니까?모바일 브라우저에서 불필요한 콘텐츠를 로드하는 것을 방지할 수 있는 방법이 있습니까?브라우저는 점점 더 똑똑해지고 있습니다.오늘날 브라우저(버전에 따라)는 이미지 로드가 유용하지 않다고 판단될 경우 이미지 로드를 건너뛸 수 있습니다. 이미지에 다음이 있습니다.display:none스타일이지만 크기는 스크립트에서 읽을 수 있습니다.상위 항목이 숨..