lastmoon

동일한 글꼴에 대해 여러 글꼴 파일을 추가하는 방법? @font-face CSS 규칙에 대해 MDC 페이지를 보고 있는데, 한 가지가 나오지 않습니다.굵고 이탤릭체, 굵고 이탤릭체 + 이탤릭체 파일이 따로 있습니다.어떻게 하면 세 개의 파일을 모두 하나에 내장할 수 있습니까?@font-face규칙? 예를 들면 다음과 같은 것이 있습니다. @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); } strong { font-family: "DejaVu Sans"; font-weight: bold; } 브라우저는 굵게 사용할 글꼴을 알 수 없기 때문에(해당 파일이 DejaVuSansBold.ttf이기 때..

CSS 스프라이트에서 이미지를 스케일링하려면 어떻게 해야 합니까? 이 기사에서 http://css-tricks.com/css-sprites/, 은 하나의 큰 이미지에서 작은 이미지를 잘라내는 방법에 대해 설명합니다.가능한지 말씀해 주시겠어요?/작은 이미지를 잘라낸 다음 잘라낸 부분을 배열하기 전에 축소하는 방법을 알려주실 수 있나요? 이 기사의 예는 다음과 같습니다. A { background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png); background-position: -10px -56px; } spriteme1.png에서 잘라낸 후 이미지를 어떻게 스케일링할 수 있는지 알고 싶습..

HTML 버튼의 텍스트를 고정된 너비로 래핑하는 방법은? HTML 버튼에 고정된 폭을 주면 버튼 안의 텍스트는 절대 감싸지지 않는다는 것을 방금 알았습니다.낱말 포장으로 해봤는데, 포장할 수 있는 공간이 있어도 그 부분은 아주 잘렸습니다. 어떻게 하면 HTML 버튼의 텍스트를 다른 테이블 셀처럼 고정된 너비 랩으로 만들 수 있습니까? CSS 클래스는 테두리를 추가하고 패딩을 수정하는 것 외에는 아무것도 하지 않습니다.추가하면word-wrap:break-word이 버튼에는 다음과 같이 포장됩니다. Roos Sturingen / Sen sors 그리고 저는 단어들 사이에서 그것을 잘라내는 것이 가능하다면 그것이 단어 중간에 끊어지는 것을 원하지 않습니다.저는 당신이 화이트스페이스 CSS 속성을 활용할 수 있..

스판 태그 내부에 수직으로 정렬하려면 어떻게 해야 합니까? "x"가 스팬의 중간에 수직으로 정렬되도록 하려면 어떻게 해야 합니까? .foo { height: 50px; border: solid black 1px; display: inline-block; vertical-align: middle; } x 사용하다line-height:50px;키 대신에그거면 효과가 있을 겁니다 ;)주의할 점은 다음과 같습니다.line-height만약 당신이 긴 문장을 가지고 있다면 접근은 실패합니다.span공간이 부족하기 때문에 선이 끊어집니다.이 경우 속성에 지정된 N 픽셀의 높이와 간격이 있는 두 개의 선이 있습니다. 저는 반응하는 웹 애플리케이션에서 작동하는 오른쪽에 수직으로 중심을 맞춘 텍스트가 있는 이미지를 보여주..

요소 내의 열 파손을 방지하는 방법은 무엇입니까? 다음 HTML을 고려해 보십시오. Number one Number two Number three Number four is a bit longer Number five 및 다음 CSS: .x { -moz-column-count: 3; column-count: 3; width: 30em; } 현재 Firefox는 이를 다음과 유사하게 렌더링합니다. • Number one • Number three bit longer • Number two • Number four is a • Number five 네 번째 항목은 두 번째 열과 세 번째 열 사이에 분할되었습니다.어떻게 예방해야 하나요? 원하는 렌더링 모양은 다음과 같습니다. • Number one • Num..

단추를 풀 너비로 설정하시겠습니까? 기둥의 전체 너비를 차지하는 버튼을 원하지만, 어려움이 있습니다... Block level button 어떻게 하면 버튼을 기둥만큼 넓게 만들 수 있습니까?부트스트랩 v3 & v4 사용하다btn-block수업을 마치기 부트스트랩 v2 사용하다input-block-level수업을 마치기부트스트랩 미리 정의된 클래스를 사용하지 않는 이유input-block-level그게 일입니까? Full-Width Button Full-Width Button Full-Width Button 여기에서 Control Sizing^ 섹션에서 자세히 알아보십시오.부트스트랩 / CSS 사용하다col-12,btn-block,w-100,form-control또는width:100% class="col..

회전하는 방법90도? 나는 있습니다90도 회전하고 싶어요 어떻게 해야 하나요?이를 위해 CSS가 필요합니다. 예: #container_2 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } 데모: #container_2 { width: 100px; height: 100px; border: 1px solid red; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -m..

div 내부의 내용 정렬 HTML에서 컨테이너 내부의 내용을 정렬하기 위해 css style text-align을 사용합니다. 이것은 내용이 텍스트이거나 브라우저가 IE일 때 잘 작동합니다.하지만 그렇지 않으면 그것은 작동하지 않습니다. 또한 이름에서 알 수 있듯이 기본적으로 텍스트 정렬에 사용됩니다.정렬 특성은 오래 전에 더 이상 사용되지 않습니다. html로 내용을 정렬할 수 있는 다른 방법이 있습니까?텍스트 정렬은 텍스트 및 기타 인라인 콘텐츠를 정렬합니다.블록 요소 자식을 정렬하지 않습니다. 이를 위해 정렬할 요소에 '자동' 왼쪽 및 오른쪽 여백을 지정하려고 합니다.이것은 IE5.x를 제외한 모든 곳에서 작동하는 표준 준수 방식입니다. Hello IE6에서 이 기능이 작동하려면 적절한 DOCTYP..

테이블 행에 테두리 반지름을 추가하는 방법 우리가 좋아하는 스타일로 옷 입는 법 아는 사람? 저는 테이블 위에서 보더 접기를 사용했고, 그 후 tr은 제가 준 1px 솔리드 보더를 표시할 수 있습니다. 제가 만지하를 때, 제노력을때했가.-moz-border-radius동작되지 않습니다.단순한 마진도 효과가 없습니다.td에만 테두리 반지름을 적용할 수 있으며 tror table은 적용할 수 없습니다.저는 다음 스타일을 사용하여 둥근 코너 테이블에 대해 이 문제를 해결했습니다. table { border-collapse: separate; border-spacing: 0; } td { border: solid 1px #000; border-style: none solid solid none; padding:..

"바를 포함하는 foo"의 CSS 선택기? 이 질문에는 이미 다음과 같은 답이 있습니다. CSS 부모 선택기가 있습니까? (33개 답변) 마감됨3년 전에. 다음과 일치하는 CSS Selector를 만드는 방법이 있습니까? All OBJECT elements which have a PARAM element inside of them 선택기 OBJECT PARAM 객체가 아닌 PARAM과 일치하기 때문에 작동하지 않습니다.개체에 {display:none}을(를) 적용하고 싶은데, PARAM에 적용해도 소용이 없습니다. (jQuery를 통해 이 일을 해낼 수 있다는 것을 알고 있습니다.$("object param").closest("object")그리고 바닐라 JS -document.querySelector(..