«css» 태그된 질문

Flexbox 내부의 Flex 항목의 수직 공간을 채우려 고합니다. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; } <div class="container"> <div class="flex-1"></div> <div class="flex-2"> …

458 css  flexbox 

다른 div 안에 두 개의 div가 있고 하나의 자식 div를 부모 div의 오른쪽 상단에 배치하고 다른 자식 div를 CSS를 사용하여 부모 div의 하단에 배치하고 싶습니다. 즉, 두 개의 자식 div와 함께 절대 위치를 사용하고 싶지만 페이지가 아닌 부모 div를 기준으로 배치하십시오. 어떻게해야합니까? 샘플 HTML : <div id="father"> <div id="son1"></div> <div …

457 html  css 

@ font-face CSS rule 에 대한 MDC 페이지를 찾고 있지만 한 가지도 얻지 못했습니다. 굵게 , 기울임 꼴 및 굵게 + 기울임 꼴로 별도의 파일이 있습니다 . 세 가지 파일을 모두 하나의 @font-face규칙으로 포함하려면 어떻게해야합니까? 예를 들어 내가 가진 경우 : @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); } …

454 fonts  css  font-face 

스타일과 마크 업이 있다고 가정합니다. ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> …

454 html  css  overflow 

UI를 사용하여 Core 용 jQuery 라이브러리를 다운로드하기 위해 Google을 사용할 계획입니다. 내 질문은 CSS를 다운로드 할 수 있습니까? 아니면 직접 호스팅해야합니까? 또한 Google을 사용하여로드하는 경우 다른 플러그인을 어떻게로드해야합니까? 모든 플러그인을 함께 압축 할 수 있습니까? 아니면 별도의 파일이어야합니까?

452 jquery  css  jquery-ui  cdn  google-ajax-libraries 

페이지 구조는 다음과 같습니다. <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> 이제 child-leftDIV에 더 많은 내용이 포함되므로 parentDIV의 높이는 자식 DIV에 따라 증가합니다. 그러나 문제는 child-right키가 증가하지 않는다는 것입니다. 부모와 같은 높이를 어떻게 만들 수 있습니까?

451 html  css  layout 

나는 이것을 허용하지만 아직 찾지 못한 "lightbox"형 솔루션을 찾고 있습니다 (아는 것이 있으면 제안하십시오). 다시 만들려는 동작 은 이미지를 클릭 할 때 Pinterest에 표시되는 것과 같습니다 . (오버레이는 스크롤입니다 전체 오버레이가 페이지의 상단에 페이지처럼 이동 같이 하지만, 신체의) 뒤에 . 오버레이 의 은 고정되어 있습니다. CSS만으로 이것을 만들려고했습니다 ( 예 …

446 css  overlay  lightbox 

일부 block요소 에는 상자 그림자를 만들어야 하지만 오른쪽에만 (예 :) 상자 그림자를 만들어야합니다 . 그것을 할 방법으로는 내부 요소를 감싸 인 box-shadow으로 외부 하나로 padding-right과 overflow:hidden;그림자의 다른 세 변을 표시되지 않도록. 이것을 달성하는 더 좋은 방법이 있습니까? 처럼 box-shadow-right? 편집 : 내 의도는 그림자의 수직 부분 만 만드는 것 입니다. …

445 css  shadow  box-shadow 

표시된 div를 어떻게 인쇄합니까 (페이지의 다른 모든 내용을 수동으로 비활성화하지 않고)? 새로운 미리보기 대화 상자를 피하고 싶기 때문에이 내용으로 새 창을 만드는 것은 유용하지 않습니다. 페이지에는 두 개의 테이블이 있으며 그중 하나에는 인쇄하려는 div가 포함되어 있습니다. 테이블은 웹에 시각적 스타일로 스타일이 지정되어 인쇄에 표시되지 않아야합니다.

444 javascript  css  printing  dhtml 

배경 이미지를 요소의 오른쪽에서 특정 픽셀 수만큼 배치하는 방법이 있습니까? 예를 들어, 왼쪽 에서 특정 수의 픽셀 (예 : 10)을 배치하려면 다음과 같이하십시오. #myElement { background-position: 10px 0; }

443 css 

CSS 전환을 사용하여 페이지로드시 텍스트 단락을 페이드 인 할 수 있습니까? 나는 그것이 http://dotmailapp.com/에서 보이는 방식을 정말로 좋아 하며 CSS를 사용하여 비슷한 효과를 사용하고 싶습니다. 도메인은 이후 구매되었으며 더 이상 언급 된 효과가 없습니다. 보관 된 사본은 Wayback Machine에서 볼 수 있습니다 . 삽화 이 마크 업이있는 경우 : <div …

442 css  css-transitions  opacity 

두 개의 div가 나란히 있습니다. 높이를 동일하게 유지하고 그 중 하나의 크기가 조정되면 동일하게 유지하고 싶습니다. 나는 이것을 알아낼 수 없다. 아이디어? 혼란스러운 질문을 명확히하기 위해 두 상자가 항상 같은 크기가되도록하고 싶습니다. 따라서 텍스트가 배치되어서 하나가 커지면 다른 하나는 높이와 일치하도록 커야합니다. <div style="overflow: hidden"> <div style="border:1px solid #cccccc; float:left; …

441 html  css  html-table  flexbox 

온라인에서 글꼴 평가판이 필요한 웹 사이트에서 작업하고 있습니다. 글꼴은 모두 .otf입니다. 글꼴을 포함시켜 모든 브라우저에서 작동하게하는 방법이 있습니까? 그렇지 않은 경우 다른 대안이 있습니까?

440 html  css  fonts  font-face 

웹 페이지에 웹 페이지를 인쇄 할 수있는 링크가 있습니다. 그러나 링크는 인쇄물 자체에도 표시됩니다. 인쇄 링크를 클릭하면 링크 버튼을 숨기는 자바 스크립트 또는 HTML 코드가 있습니까? 예: "Good Evening" Print (click Here To Print) "Good Evening"텍스트를 인쇄 할 때이 "인쇄"레이블을 숨기고 싶습니다. 인쇄물 자체에 "인쇄"레이블이 표시되지 않아야합니다.

440 css  printing 

Bootstrap 'Modals'와 함께 부트 스트랩 웹 사이트를 만들고 있습니다. 기본 기능 중 일부를 사용자 정의하려고합니다. 문제는 이것입니다. 배경을 클릭하여 모달을 닫을 수 있습니다. 이 기능을 비활성화 할 수 있습니까? 특정 모달에서만? 부트 스트랩 모달 페이지

440 javascript  css  twitter-bootstrap  modal-dialog