topblog

CSS를 사용하여 절대 디브를 수평으로 센터링하는 방법? 나는 디브가 있는데 수평으로 중심을 잡아주길 원합니다 - 비록 내가 주는 것이지만.margin:0 auto;중심이 아니라... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; } 설정해야 합니다.left: 0그리고.right: 0. 창의 측면에서 여백 모서리를 어느 정도 간격띄우기할지 지정합니다. 'top'과 유사하지만 상자의 오른쪽 여백 모서리가 상자에 들어 있는 블록의 [오른쪽/왼쪽] 모서리의 [..

html 웹 페이지의 모든 요소에 대해 글꼴 속성을 지정하는 방법은 무엇입니까? 폰트 패밀리, 폰트 사이즈, 컬러 등을 설정할 때일부 중첩된 요소는 보기 흉한 브라우저 기본값으로 이러한 요소를 무시하는 것 같습니다. 제 페이지에 있는 어떤 종류의 요소에 대해서도 이를 수십 번이나 지정해야 하나요, 아니면 전 세계적으로 한 번, 영원히 설정할 수 있는 방법이 있을까요? 어떻게 하는 거지?* { font-size: 100%; font-family: Arial; } 별표는 모든 요소를 의미합니다.IE를 사용하는 경우 테이블과 같은 특정 요소에 대한 브라우저 기본값으로 되돌아갈 가능성이 있습니다.다음과 같은 CSS로 대응할 수 있습니다. html, body, form, fieldset, table, tr, td..

입력 유형="숫자"에서 웹킷의 스핀 버튼을 비활성화하시겠습니까? 저는 주로 모바일 사용자를 위한 사이트가 있지만 데스크톱도 있습니다. 모바일 사파리에서 사용숫자만 포함해야 하는 입력 필드의 숫자 키보드를 불러오기 때문에 잘 작동합니다. 그러나 Chrome과 Safari에서 숫자 입력을 사용하면 필드 오른쪽에 회전 버튼이 표시되므로 제 디자인에서는 쓰레기처럼 보입니다.버튼은 정말 필요 없어요, 어차피 6자리 숫자 같은 걸 써야 할 때는 쓸모가 없으니까요. 이 기능을 사용하지 않도록 설정할 수 있습니까?-webkit-appearance아니면 다른 CSS 트릭?저는 별 행운 없이 노력했습니다.저는 이에 대한 답이 두 번째 부분이라는 것을 발견했습니다. 첫 번째 부분은 도움이 되었지만, 여전히 오른쪽에 공간이 ..

어떻게 두 개를 만들겠습니까?겹치기? 이런 모습을 보이려면 두 명의 디브가 필요합니다. | | ---| LOGO |------------------------ | |_______________| LINKS | | CONTENT | 가장 깔끔하고 우아하게 겹쳐지게 하는 방법은 무엇입니까?로고는 높이와 너비가 고정되어 있으며 페이지 상단 가장자리에 닿을 것입니다.음의 마진을 사용하면 다음과 같습니다. 그리고 원하는 레이어를 얻을 수 있도록 z-index 속성을 설정해야 합니다.다음과 같이 접근할 수 있습니다(CSS 및 HTML) html, body { margin: 0px; } #logo { position: absolute; /* Reposition logo from the natural layout */..

cs 플렉스박스에 래핑할 요소를 지정하는 방법? 이 질문에는 이미 다음과 같은 답변이 있습니다. 다중 라인 플렉스박스 레이아웃에서 줄 바꿈을 지정하는 방법은? (9개 답변) 닫힘4년 전에. 아직 플렉스박스 규격에 포함되지 않은 것 같은데, 특정 요소 뒤에 랩핑을 제안하거나 강제하는 요령이 있을까요?다른 페이지 크기에 대응하고 별도의 마크업 없이 목록을 다르게 랩핑하여 다음 줄에 고아가 된 메뉴 항목이 있는 대신 메뉴 중간에 끼어드는 것을 방지하고자 합니다. 시작 html은 다음과 같습니다. One Two Three Four Five 그리고 CSS: ul { display: flex; flex-wrap: wrap; } 저는 다음과 같은 것을 원합니다. /* inside media query targetin..

부트스트랩 열이 여러 행에 걸쳐지도록 하려면 어떻게 해야 합니까? 저는 부트스트랩으로 다음 그리드를 수행하는 방법을 찾고 있습니다. 두 줄에 걸쳐 있는 상자(1번)를 어떻게 만들 수 있을지 모르겠습니다.상자는 배치된 순서대로 프로그래밍 방식으로 생성됩니다.상자 1은 환영 메시지입니다. 이것에 가장 적합한 방법이 있습니까?부트스트랩 3의 경우: 1 2 3 4 5 6 7 8 부트스트랩 2의 경우: 1 2 3 4 5 6 7 8 JSFidle(Bootstrap 2)의 데모를 참조하십시오. http://jsfiddle.net/SxcqH/52/설명에서 알 수 있듯이 솔루션은 중첩된 범위/행을 사용하는 것입니다. 1 2 3 4 5 6 7 8 1 2 3 4 5 6 7 8 행을 스팬하는 방법에 대한 부분은 완전히 해결되..

Font Awesome 아이콘이 작동하지 않습니다. 필요한 파일을 모두 포함했습니다. 닫힘.이 질문은재현할 수 없거나 오타로 인해 발생했습니다.현재 답변을 수락하고 있지 않습니다. 이 질문은 오타 또는 더 이상 재현할 수 없는 문제로 인해 발생했습니다.비슷한 질문들이 여기서 주제가 될 수 있지만, 이 질문은 미래의 독자들에게 도움이 될 가능성이 낮은 방식으로 해결되었습니다. 2년 전에 문을 닫았습니다. 이 질문을 개선합니다. 제 웹사이트에서 버전 4.1.0의 폰트 어썸 아이콘을 사용하려고 하는데 작동하지 않습니다.head내 페이지의. 저는 두 가지 방법을 사용해 보았습니다. Get a FREE Quote Home 사용하고 과 같습니다. 다음은 전체 HTML입니다. 다음으로, 당신은 https://font..

CSS 클래스 .foo.bar (공백 없음)과 .foo.bar(공백 있음)의 차이점은 무엇입니까? 이 두 CSS 클래스 구문의 차이점을 설명해 주시겠습니까? .element .symbol {} 그리고. .element.large .symbol {} 저는 그 둘의 차이를 이해할 수 없습니다.첫 번째 줄은 동일한 스타일이 적용되는 두 개의 서로 다른 클래스를 나타냅니다.그런데 두 번째는 '.element'에 붙어 있는 '.large'의 의미는 무엇입니까?.element .symbol 은 단입니다..symbol東京의 .element .element.symbol 은 단입니다..element그것은 최고의 것입니다.symbol뿐만 아니라. 그렇게, .element.large .symbol 은 단입니다..symbol..

CSS3 투명도 + 구배 RGBA는 매우 재미있고, 또한 그렇습니다.-webkit-gradient,-moz-gradient그리고 어...progid:DXImageTransform.Microsoft.gradient네. :) 현재/최신 CSS 사양을 사용하여 알파 투명도의 그라데이션이 있도록 RGBA와 그라데이션 두 가지를 결합할 수 있는 방법이 있습니까?예. 웹킷과 모즈 그라데이션 선언 모두에서 rgba를 사용할 수 있습니다. /* webkit example */ background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(50,50,50,0.8)), to(rgba(80,80,80,0.2)), color-stop(.5,#33333..

n번째 아이가 있는 마지막 n개 항목을 선택할 수 있습니까? 저는 표준 목록을 사용하여 마지막 두 개의 목록 항목을 선택하려고 합니다.나는 다양한 순열을 가지고 있습니다.An+B하지만 마지막 두 가지를 선택한 것 같지는 않습니다. li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ 나는 새로운 CSS3 선택기를 알고 있습니다.:nth-last-child()하지만 가능하다면 몇 개의 브라우저에서 작동하는 ..