newsource

CSS의 모든 N번째 요소 선택 예를 들어, 요소 집합에서 모든 네 번째 요소를 선택할 수 있습니까? 전: 16개 있습니다.요소...나는 이런 글을 쓸 수 있습니다. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) 이것을 하는 더 좋은 방법이 있습니까?이름에서 알 수 있듯이,:nth-child()를 사용하여 산술식을 구성할 수 있습니다.n상수 이외에 변수가 있습니다.덧셈을 수행할 수 있습니다(+), 뺄셈(-) 및 계수 곱하기 (an어디에a는 양수, 음수 및 0)을 포함하는 정수입니다. 위의 선택기 목록을 다시 작성하는 방법은 다음과 같습니다. div:nth-child(4n) 이러한 산술식의 작동 방식에 대한 설명은 사양과 ..

PHP나 자바스크립트를 사용하지 않고 콘텐츠에 맞게 텍스트 영역을 확장할 수 있는 방법이 있습니까? 사용자가 편집할 내용으로 텍스트 영역을 채우고 있습니다. CSS로 콘텐츠에 맞게 확장할 수 있습니까? (예:overflow:show디브(div)?한 줄만 사실 그렇지 않아요.이것은 보통 자바스크립트를 이용합니다. 여기서 이것을 하는 방법에 대해서는 충분한 논의가 있습니다. 프로토타입을 이용한 텍스트 영역 자동 크기 조정아니면, 당신은 a를 사용할 수 있습니다.contenteditable요소, 이것은 안에 있는 텍스트에 맞춥니다. Try typing and returning. 일부 자바스크립트를 사용하지 않고는 양식으로 이 값을 보낼 수 없으니 참고하시기 바랍니다.또한.contenteditableHTML 컨..

디브 내부의 스판 요소를 수평으로 가운데 두려면 어떻게 해야 합니까? 나는 '뷰 웹사이트'와 '뷰 프로젝트' 두 링크를 주변 디브 안에 중심을 두려고 합니다.누가 이 일을 하기 위해 제가 무엇을 해야 하는지 알려주실 수 있나요? JS Fiddle: http://jsfiddle.net/F6R9C/ HTML Visit website View project CSS div { background:red;overflow:hidden } span a { background:#222; color:#fff; display:block; float:left; margin:10px 10px 0 0; padding:5px 10px } 다른 옵션은 스팬을 제공하는 것입니다.display: table;중앙에 배치합니다.margi..

HTML에서 가로 인쇄 HTML 보고서가 있는데, 열이 많아서 가로로 인쇄해야 합니다.사용자가 문서 설정을 변경할 필요 없이 이 작업을 수행할 수 있는 방법이 있습니까? 그리고 브라우저 중에서 선택할 수 있는 것은 무엇입니까?CSS에서 아래와 같이 @page 속성을 설정할 수 있습니다. @media print{@page {size: landscape}} @page는 CSS 2.1 사양의 일부이지만 이것은size@Page {size:landscape}이(가) 구식입니까?라는 질문에 대한 답변에 의해 강조되지 않았습니다.: CSS 2.1은 더 이상 크기 특성을 지정하지 않습니다.CSS3 페이징 미디어 모듈에 대한 현재 작업 초안은 이를 지정하지 않습니다(그러나 이것은 표준이 아니거나 허용되지 않습니다). 언..

CSS에서 텍스트와 밑줄 사이의 간격을 늘리는 방법 CSS 사용, 텍스트가 다음과 같은 경우text-decoration:underline적용됩니다. 텍스트와 밑줄 사이의 거리를 늘리는 것이 가능합니까?아니요, 하지만 당신은 그런 것으로 갈 수 있습니다.border-bottom: 1px solid #000그리고.padding-bottom: 3px. 동일한 색상의 "밑줄"(이 예에서는 테두리)을 원할 경우 색상 선언을 생략합니다.border-bottom-width: 1px그리고.border-bottom-style: solid. 여러 줄의 경우 여러 줄의 텍스트를 요소 내부의 범위로 묶을 수 있습니다.예.insert multiline texts here그럼 그냥 추가하세요.border-bottom그리고.pad..

CSS를 사용하여 두 번째 마지막 요소 선택 저는 이미 알고 있습니다: 마지막 아이.하지만 div를 선택할 수 있는 방법이 있습니까? a b SELECT THIS c 참고: jQuery를 사용하지 않고 CSS만 사용CSS3에는 다음이 있습니다. :nth-last-child(2) 참조: https://developer.mozilla.org/en-US/docs/Web/CSS/ : n번째 마지막 자녀 n번째 마지막 자식 브라우저 지원: 크롬 2 파이어폭스 3.5 오페라 9.5, 10 사파리 3.1, 4 인터넷 익스플로러 9 참고: OP가 나중에 댓글로 두 번째부터 마지막까지가 아닌 마지막 두 가지 요소를 선택해야 한다고 했기 때문에 이 답변을 올렸습니다. 그:nth-child사실 CSS3 선택기는 당신이 상상..

100% 너비 텍스트 상자가 컨테이너 밖으로 확장되는 것을 막을 수 있습니까? 한 줄 전체를 채우고 싶은 텍스트 상자가 있다고 가정해 보겠습니다.다음과 같은 스타일을 제공합니다. input.wide {display:block; width: 100%} 너비가 텍스트 상자의 내용을 기반으로 하기 때문에 문제가 발생합니다.텍스트 상자에는 기본적으로 여백, 테두리 및 패딩이 있으며, 이로 인해 너비가 컨테이너보다 100% 더 커집니다. 예를 들어, 여기 오른쪽에 있습니다. 텍스트 상자가 용기의 너비를 넘어서 확장하지 않고 채울 수 있는 방법이 있습니까? 다음은 HTML의 몇 가지 예입니다. 이것이 실행되면 "일반" 텍스트 상자를 보면 "넓은" 텍스트 상자가 용기 밖으로 나와 있음을 알 수 있습니다."일반" 텍스..

빠른 클릭 시 Chrome에서 요소가 파란색으로 강조되는 것을 방지하기 위한 방법은 무엇입니까? 대부분의 경우 저는 그것에 대해 걱정하지 않지만 저는 이미지 회전판을 가지고 있고 제가 다음과 이전의 div를 빠르게 클릭하면 그것들은 크롬에서 강조 표시됩니다. 저는 아웃라인을 사용해 보았습니다: 없음이지만 효과는 없습니다.해결책이 있습니까?Android에서 Chrome의 경우 -webkit-tap-highlight-color CSS 속성을 사용할 수 있습니다. -webkit-tap-highlight-color는 링크가 탭되는 동안 링크에 나타나는 강조 표시의 색상을 설정하는 비표준 CSS 속성입니다.강조 표시는 탭이 성공적으로 인식되고 있음을 사용자에게 나타내며 탭을 누르고 있는 요소를 나타냅니다. 강조 ..

스크롤바가 있는 경우에도 div를 항상 페이지 내용의 맨 아래에 유지 저는 다음 질문과 반대되는 행동을 구현하려고 합니다: CSS Push Div를 페이지 맨 아래로.예를 들어, 내용이 스크롤 막대로 넘칠 때 바닥글이 페이지 맨 아래에 있으면 됩니다(예: 스택 오버플로). 나는 디브를 가지고 있습니다.id="footer" CSS 음다및 CSS: #footer { position: absolute; bottom: 30px; width: 100%; } 이렇게 하면 div가 뷰포트의 맨 아래로 이동하지만 페이지를 아래로 스크롤해도 요소가 그대로 유지되므로 더 이상 맨 아래에 있지 않습니다. 내용이 넘쳐도 디브가 페이지 내용의 맨 아래에 있도록 하려면 어떻게 해야 합니까?저는 고정된 위치를 찾는 것이 아니라 요..

CSS 불투명도는 텍스트가 아닌 배경색만 가능합니까? 이 질문에는 이미 다음과 같은 답이 있습니다. CSS를 사용하여 요소 배경의 불투명도를 줄이려면 어떻게 해야 합니까? (29개 답변) 마감됨8년 전에. 할당할 수 있습니까?opacity의 재산.background의 특성div그 위에 있는 텍스트에 대해서만? 시도해 봤습니다. background: #CCC; opacity: 0.6; 하지만 불투명도가 바뀌지는 않습니다.투명 배경을 사용하려는 것처럼 들립니다. 이 경우 다음 기능을 사용해 볼 수 있습니다. rgba(R, G, B, A) R(빨간색), G(녹색) 및 B(파란색) 중 하나일 수 있습니다.상심한s, 여기서 숫자 255는 100%에 해당합니다.A(알파)는 다음과 같을 수 있습니다.0과 1 사이, ..