linuxpc

다중 행 텍스트에 타원 적용 이 질문에는 이미 다음과 같은 답변이 있습니다. CSS를 사용하여 텍스트 길이를 n개의 줄로 제한 (20개 답변) 닫힘3년 전에. 유체 높이(20%)의 div 내부에서 마지막 라인에 타원을 추가할 수 있는 방법이 있습니까? .-webkit-line-clampCSS에서 작동하지만, 제 경우 라인 번호는 윈도우 크기에 따라 달라집니다. p { width:100%; height:20%; background:red; position:absolute; } Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed dui felis. Vivamus vitae pharetra nisl, eget fringilla elit. Ut..

제거/무시 방법: 터치 장치에서 css 스타일을 호버합니다. 나는 모두 무시하고 싶습니다.:hover사용자가 터치 장치를 통해 우리 웹 사이트를 방문하는 경우 CSS 선언.왜냐하면.:hoverCSS는 말이 되지 않으며, 태블릿이 클릭/탭으로 트리거하면 요소가 초점을 잃을 때까지 고착될 수 있기 때문에 방해가 될 수도 있습니다. 저는 왜 필요성을 .:hover1위 - 하지만 이것은 현실입니다, 그래서 이 문제도 현실입니다. a:hover { color:blue; border-color:green; /* etc. > ignore all at once for touch devices */ } CSS를 제거/할 수 ?:hover선언 후 터치 장치에 대한 선언을 한 번에(각자를 알 필요 없이) 수행할 수 있습니까..

Google 지도 확대/축소 제어가 엉망입니다. Google 지도 API(v.3)를 사용하여 몇 개의 마커가 있는 지도를 표시합니다.지도 확대/축소에 사용되는 컨트롤이 엉망이라는 것을 최근에 알게 되었습니다(항상 이렇지는 않았습니다).원인이 무엇인지 전혀 모르겠습니다. 갱신하다 이 게시물은 원래 이슈를 볼 수 있는 페이지에 대한 링크가 있었는데, 지금 링크가 끊어져서 삭제했습니다.당신의 CSS가 망쳤어요제거한다.max-width: 100%;라인 814 및 확대/축소 컨트롤은 다시 정상으로 보입니다.이러한 버그를 방지하려면 CSS에서 보다 구체적인 선택기를 사용합니다.#myMap_canvas img { max-width: none; } 그것을 고쳐주었지만, 저는 또한 @Ben의 질문에 대한 의견을 지적하고..

:첫 번째 아이와 :첫 번째 유형의 차이점은 무엇입니까? 나는 그것을 구별할 수 없습니다.element:first-child그리고.element:first-of-type 예를 들어, 당신이 디브를 가지고 있었다고 칩시다. div:first-child 두부모의 첫 번째 자식인 요소들. div:first-of-type 두 번째 그들 부모의 요소. 이것은 완전히 똑같은 것처럼 보이지만, 그들은 다르게 작동합니다. 누가 설명 좀 해주시겠어요?상위 요소에는 하나 이상의 하위 요소가 있을 수 있습니다. Child Child Child Child 이 아이들 중에서 오직 한 명만이 첫 번째 아이가 될 수 있습니다.은 이다음일다니치합과는▁by다▁matched와 일치합니다.:first-child: Child Child C..

웹킷에서 깜박임 방지 웹킷 변환 이 질문에는 이미 다음과 같은 답이 있습니다. 마감됨10년 전에. 중복 가능성: 아이폰 웹킷 CSS 애니메이션은 깜박임을 일으킵니다. 어떤 이유에서인지 웹킷 변환 속성 애니메이션이 발생하기 직전에 약간 깜박입니다.제가 하고 있는 일은 다음과 같습니다. CSS: #element { -webkit-transition: -webkit-transform 500ms; } JavaScript: $("#element").css("-webkit-transform", "translateX(" + value + "px)"); 전환이 발생하기 직전에 깜박임이 발생합니다.왜 그런지, 그리고 어떻게 하면 문제를 해결할 수 있는지 아십니까? 감사합니다! 업데이트: Safari에서만 발생합니다.애니..

CSS 그리드를 중심으로 CSS Grid로 간단한 페이지를 만들려고 합니다. 제가 하지 못한 것은 HTML의 텍스트를 각각의 그리드 셀에 집중시키는 것입니다. 콘텐츠를 별도로 배치해 보았습니다.div 내부 의 안팎 left_bg그리고.right_bg실렉터와 일부 CSS 속성을 가지고 놀았지만 소용이 없었습니다. 이거 어떻게 하는 거지? html, body { margin: 0; padding: 0; } .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 100vh; grid-gap: 0px 0px; } .left_bg { display: subgrid; background-color: #3498db; grid-co..

왜 이 CSS 마진탑 스타일이 작동하지 않습니까? 추가하려고 했습니다.margin의 값div 인타내에의 에.div최상위 값을 제외하고는 모두 정상적으로 작동합니다, 무시되는 것 같습니다.하지만 왜 그랬을까? 내가 기대했던 것: 내가 얻는 것: 코드: #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } Hello world! W3 학교들은 왜 그런지에 대한 설명이 없습니다.margin이렇게 동작합니다.당신은 실제로..