manycodes

@미디어 최소 너비 & 최대 너비 나는 이것을 가지고 있다.@media설정: HTML: CSS: @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ } 이 설정을 사용하면 아이폰에서는 작동하지만 브라우저에서는 작동하지 않습니다. 제가 이미 가지고 있어서 그런가요?device메타에서, 아마도.max-width:480px대신에?가장 좋은 방법은 오래된 브라우저(IE..

디브의 내용물을 포장하지 않는 방법? 나는 고정 폭을 가지고 있습니다.div단추가 두 개 달린단추의 레이블이 너무 길면 단추가 감깁니다. 하나의 단추는 첫 번째 줄에 있고 다음 단추는 그 옆이 아니라 그 아래에 따라갑니다. 어떻게 하면 강제로div두 개의 버튼이 한 줄 위에 있도록 확장할 수 있습니까?해라white-space: nowrap; 문서: https://developer.mozilla.org/docs/Web/CSS/white-space둘다 합쳐진것float: left; white-space: nowrap;나를 위해 일했습니다. 그들은 각자 원하는 결과를 얻지 못했습니다.이유는 모르겠지만, 저는 부모 컨테이너를 로, 아이 컨테이너를 로 설정했고 아이들은 부모를 초과하는 아이들의 폭을 모두 합해도 ..

: 이 를 으로 밀어내는지 아니면. 그것은, 항상 가지고 있는 대신에, * Some list text goes here. 저는 그것을 바꿀 수 있으면 좋겠습니다. * Some list text goes here. 아니면 *Some list text goes here. 주위를 둘러봤지만 전체 블록을 왼쪽 또는 오른쪽으로 이동하는 방법(예: http://www.alistapart.com/articles/taminglists/ )만 찾을 수 있었습니다.을 합니다 .span다에 할 수 있습니다.leftspan. li span { position: relative; left: -10px; } item 1 item 2 item 3 다른 하자면 - 을 으로 보다 세밀하게 하려면 -목록 항목, 옵션은 다음 (1) 배경..

주문한 목록이 CSS로 1.1, 1.2, 1.3(단, 1, 2, 3, ...)과 같은 결과를 낼 수 있습니까? 주문된 목록이 CSS로 1.1, 1.2, 1.3(단, 1, 2, 3, ...)과 같은 결과를 낼 수 있습니까?지금까지 사용.list-style-type:decimal1.1, 1.2, 1.3이 아니라 1, 2, 3만 생산했습니다.카운터를 사용하여 다음을 수행할 수 있습니다. 다음 스타일 시트는 중첩된 목록 항목을 "1", "1.1", "1.1.1" 등으로 번호를 지정합니다. OL { counter-reset: item } LI { display: block } LI:before { content: counters(item, ".") " "; counter-increment: item } 예 ol ..

CSS나 자바스크립트로 텍스트 선택을 비활성화하려면 어떻게 해야 합니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. 텍스트 선택 강조 표시를 비활성화하는 방법 (45개 답변) 닫힘3년 전에. 저는 HTML/CSS/jQuery 갤러리를 만들고 있는데, 몇 페이지가 있습니다. 저에게는 jQuery 클릭 청취자와의 간단한 링크인 "다음" 버튼이 있습니다. 문제는 사용자가 버튼을 여러 번 클릭하면 해당 버튼의 텍스트가 선택된 뒤 전체 텍스트 줄이 선택된다는 점입니다.제 디자인이 정말 어두워서 정말 추하고 말도 안 되는 일입니다. 그래서 여기 제 질문이 있습니다: HTML에서 텍스트 선택을 비활성화할 수 있습니까? 그렇지 않다면 플래시와 텍스트 필드의 높은 수준의 구성이 몹시 그리울 것입니다. Blabla ..

왜 안되나요?플렉스 용기인가요? 저는 스타일링을 하려고 했습니다.fieldset 붙은 display: flex그리고.display: inline-flex. 효과가 : 는 는 .flex은처럼 block,그리고.inline-flex은처럼 inline-block. 이것은 파이어폭스와 크롬 모두에서 발생하지만, 이상하게도 IE에서 작동합니다. 벌레인가요?찾을 수가 없었습니다.fieldsetHTML5나 CSS Flexible Box Layout 사양에서 특별한 동작이 있어야 합니다. fieldset, div { display: flex; border: 1px solid; } foo bar foo bar 버그 984869에 따르면 - 버튼 요소에 대해 작동하지 않습니다. 순수 CSS에서는 (브라우저에서는) 구현할 ..

중심 HTML 입력 텍스트 필드 자리 표시자 입력 필드의 자리 표시자 정렬을 html 형식으로 중앙에 배치하려면 어떻게 해야 합니까? 다음 코드를 사용하고 있지만 작동하지 않습니다. CSS -> input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML -> 자리 표시자 스타일만 변경하려면 유사 요소를 선택합니다. ::placeholder { text-align: center; } /* or, for legacy browsers */ ::..

CSS에서 온클릭 효과를 얻을 수 있습니까? 클릭하면 변경할 이미지 요소가 있습니다. 효과: #btnLeft:hover { width: 70px; height: 74px; } 하지만 내가 필요한 것은: #btnLeft:onclick { width: 70px; height: 74px; } 하지만, 그것은 분명히 효과가 없습니다.그것을 갖는 것이 가능합니까?onclickCSS에서의 동작(즉, 자바스크립트를 사용하지 않음)?CSS만을 사용하여 실제 클릭 이벤트를 시뮬레이션하는 가장 좋은 방법(실제로 유일한 방법*)은 확인란 해킹을 사용하는 것입니다.라벨을 통해 요소에 를 부착하여 작동합니다.for=""기여하다. 이 기능은 광범위한 브라우저 지원(:checked유사 클래스는 IE9+)입니다. 을 일한값에 합니다..

동적인 문자 양에 따라 글꼴 크기를 반응시키는 순수 CSS Javascript로 이 문제가 상당히 쉽게 해결될 수 있다는 것을 알고 있지만, 저는 순수한 CSS 솔루션에만 관심이 있습니다. 항상 고정된 div에 맞도록 텍스트 크기를 동적으로 조정하는 방법을 원합니다.다음은 마크업 샘플입니다. Some sample dynamic amount of text here 컨테이너의 너비를 ems로 지정하고 글꼴 크기를 지정하여 그 값을 상속받으면 가능할까 생각하고 있었습니다.참고: 이 솔루션은 콘텐츠 양이 아닌 뷰포트 크기에 따라 변경됩니다. 저는 VW 유닛을 사용하여 이것이 가능하다는 것을 방금 알았습니다.뷰포트 너비 설정과 관련된 단위입니다.기존 브라우저 지원 부족과 같은 몇 가지 단점이 있지만, 이는 분명히..

Twitter 부트스트랩 모달 전체 화면을 만드는 방법 위 코드에 대한 트위터 부트스트랩 모달 팝업 전체 화면을 만들려면 어떻게 해야 하나요, 저는 css를 가지고 놀려고 했지만 제가 원하는 방식으로 얻을 수 없었습니다.누구든 저를 도와주실 수 있나요?저는 부트스트랩 3에서 다음 코드로 이를 달성했습니다. .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; } .modal-content { height: auto; min-height: 100%; border-radius: 0; } 일반적으로 간격/패딩 문제와 관련하여 질문이 있을 경우 요소를 마우스 오른쪽 버튼으로 클릭(또는 mac에서 cmd+클릭)하고 Chrome에서 "inspect e..