probook

CSS에서 텍스트가 넘쳐나는 것을 방지하는 방법? CSS에서 div 블록의 텍스트가 넘쳐나는 것을 방지하려면 어떻게 해야 합니까? div { width: 150px; /* what to put here? */ } This div contains a VeryLongWordWhichDoesNotFitToTheBorder. div의 오버플로 텍스트를 숨기거나 스크롤 바를 만드는 대신 자동으로 새 줄을 긋도록 하려면 word-wrap: break-word 소유물.다음을 시도해 볼 수 있습니다. stuff #myDiv { overflow:hidden; } 자세한 내용은 문서에서 오버플로 속성을 확인하십시오.단답형 간단히 사용: word-wrap: break-word; white-space: pre-wrap; wo..

다른 디브에 디브 센터를 지정하려면 어떻게 해야 합니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. 요소의 중심을 수평으로 맞추려면 어떻게 해야 합니까? (131개 답변) 닫힘4년 전에. 제 생각에는.#container안에 중심을 둘 것입니다.#main_content 그러나 그렇지 않습니다.왜 이렇게 안 되고, 어떻게 고칠 수 있을까요? #main_content { top: 160px; left: 160px; width: 800px; min-height: 500px; height: auto; background-color: #2185C5; position: relative; } #container { width: auto; height: auto; margin: 0 auto; padding: 10p..

CSS에서 색상을 변수로 정의하려면 어떻게 해야 합니까? 저는 상당히 긴 CSS 파일을 작업하고 있습니다.저는 고객이 색상 체계에 대한 변경을 요청할 수 있다는 것을 알고 있습니다. 변수에 색상을 할당하여 변수를 사용하는 모든 요소에 새 색상을 적용할 수 있도록 할 수 있을까요? 제가 CSS 파일을 동적으로 변경하기 위해 PHP를 사용할 수 없다는 점 참고 부탁드립니다.CSS는 CSS 변수를 기본적으로 지원합니다. CSS 파일 예시 :root { --main-color:#06c; } #foo { color: var(--main-color); } 작동하는 예는 이 JSFiddle을 참조하십시오(예는 fiddle의 CSS 선택기 중 하나가 색상을 파란색으로 하드 코딩하고, 다른 CSS 선택기는 색상을 파란색..

폼의 입력 요소 내부에 아이콘 삽입 양식의 입력 요소 안에 아이콘을 넣으려면 어떻게 해야 합니까? 라이브 버전: 조석력 테마당신이 링크한 사이트는 CSS 트릭의 조합을 사용하여 이것을 성공시킵니다.먼저, 그것은 배경 이미지를 사용합니다.원소의그런 다음 커서를 위로 밀기 위해 다음을 사용합니다.padding-left. 즉, 다음과 같은 두 가지 CSS 규칙이 있습니다. background: url(images/comment-author.gif) no-repeat scroll 7px 7px; padding-left:30px; 다른 사람들이 게시한 CSS 솔루션이 이를 달성하는 가장 좋은 방법입니다. 문제가 발생할 경우(Internet Explorer 6 참조) div 내부에서 테두리 없는 입력을 사용할 수도..

내 위치: 플렉스박스를 사용할 때 스틱 요소가 끈적거리지 않습니다. 나는 이것에 조금 집착했고 이것을 공유하려고 생각했습니다.position: stickyflexbox gotcha: 제 스틱 디브는 제가 플렉스 박스 컨테이너로 제 시야를 바꿀 때까지 잘 작동했고, 플렉스 박스 부모에 싸여 있을 때 갑자기 디브는 끈적이지 않았습니다. .flexbox-wrapper { display: flex; height: 600px; } .regular { background-color: blue; } .sticky { position: -webkit-sticky; position: sticky; top: 0; background-color: red; } This is the regular box This is the ..

"position: sticky;" 속성은 어떻게 작동합니까? 사용자가 페이지를 스크롤하면 탐색 모음을 뷰포트 상단에 붙이도록 하고 싶지만 작동하지 않고 이유를 알 수 없습니다.도와주시면 제 HTML과 CSS 코드를 알려드리겠습니다. .container { min-height: 300vh; } .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; margin-left: 50px; transition: 1.5s; } .nav-sele..