정적 위치 지정과 상대 위치 지정의 차이점

CSS에서 정적(기본) 위치 지정과 상대 위치 지정의 차이점은 무엇입니까?

P粉316423089 2023-08-22 19:33:59 0  2  637

:before 및 :after 의사 요소에 'content' 속성이 필요한 이유는 무엇입니까?

주어진 시나리오에서 :after 선택기가 작동하려면 왜 content 속성이 필요합니까? .test{너비:20px;높이:20px;배경:파란색;위치:상대적;}.테스트:후{너비:20px;높이:20px;배경:빨간색;디스플레이:블록;위치:절대;위쪽:0px;왼쪽 :20

P粉653045807 2023-07-17 18:43:31 0  2  535

링크가 이미지 전체를 덮도록 하려면 어떻게 해야 합니까?

중앙뿐만 아니라 이미지 위로 마우스를 가져갈 때에도 모든 이미지에 링크가 포함되기를 원합니다. .moduledata{position:relative;width:auto;margin:0px!important;max-width:380px;}.moduledata>h5{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);}.m

P粉481815897 2024-04-02 20:45:43 0  1  507

DNS 서버란 무엇입니까?

DNS(Domain Name Server)는 도메인 이름과 해당 IP 주소를 변환하는 서버입니다. DNS는 메시지의 도메인 이름을 확인하기 위해 도메인 이름 및 해당 IP 주소 테이블을 저장합니다. 도메인 이름은 인터넷상의 컴퓨터 또는 컴퓨터 그룹의 이름으로, 데이터 전송 중에 컴퓨터의 전자적 위치(때때로 지리적 위치)를 식별하는 데 사용됩니다. 도메인 이름은 다음에 의해 생성됩니다.

Crazy 2021-10-19 11:42:15 0  6  2618

vim 명령을 사용하여 iterm2에서 파일을 열 수 있습니다. vim이 마우스 위치 지정을 지원하도록 만드는 방법은 무엇입니까?

문자를 클릭하면 커서가 해당 문자의 위치로 이동합니다. 처음 vim을 사용하기 시작했을 때 나는 macvim이 기본적으로 마우스 위치 지정을 지원한다는 것을 알았습니다. 그런데 iterm2에서는 작동하지 않습니다. 어딘가에 설정이 없나요?

我想大声告诉你 2017-05-16 16:42:45 0  1  591

javascript - 웹팩 패키징에 관한 질문

webpack을 사용하여 정적 리소스를 패키징한 후 더 큰 이미지 리소스의 경로를 설정하는 방법을 문의하세요. 개발 중 리소스를 찾기 위해 상대 경로를 사용했고, 이 이미지는 상대적으로 크기 때문에 Bundle.js로 패키징할 수 없습니다. 그런 다음 프로젝트를 서버에 올리면...

扔个三星炸死你 2017-06-24 09:43:12 0  1  671

패딩을 사용하여 상위 요소에서 형제 이미지/div의 겹치고 동일한 크기를 달성하는 방법

이미지를 덮는 div를 원합니다. 상위 요소에 position:relative를 사용하고 div에 position:absolute를 사용하여 div가 이미지를 덮도록 할 수 있지만 배경색이 상위 요소의 패딩을 채워 제대로 덮이지 않게 됩니다. 아래는 문제를 보여주는 스니펫입니다. .parent{위치:상대;패딩:10px;너비:40%;}.이미지{너비:

P粉554842091 2023-09-12 10:49:55 0  2  558

이미지 가장자리에서 그라데이션 효과가 페이드 아웃되지 않는 이유는 무엇입니까?

이미지의 가장자리가 흐릿해지거나 최소한 희미해지기를 원합니다. 내가 시도한 것은 아무것도 작동하지 않으며 Stackoverflow에 대한 모든 질문을 살펴보았습니다. 저는 Sass가 아닌 CSS를 사용하고 있습니다. 문제를 복잡하게 만들기 위해 페이지에 배경 이미지를 두고 불투명도가 0.8인 흰색 마스크로 덮었습니다. 누구든지 도와주실 수 있나요? 제 코드펜입니다. .screen{위치:상대적;너비:100vw;높이:100vh;disp

P粉317679342 2023-09-09 23:34:16 0  1  535

HTML 비디오 요소 컨트롤이 표시되지 않습니다.

비디오 요소를 생성하고 컨트롤 속성을 true로 설정했지만 컨트롤이 표시되지 않습니다(마우스를 올려도) if(!this._player){this._player=document.createElement('video');}this._player. controls=true;this._player.src=xxxxx; 또한 비디오 요소의 너비를 100%로 설정하고 컨테이너의 위치를 ​​기본값으로 표시하려면 어떻게 해야 합니까?

P粉788765679 2023-08-18 12:54:43 0  1  595

Java에서 JDBC를 사용하여 RAM 소비를 늘리지 않고 데이터베이스 서버의 지속적인 업데이트를 구현하는 방법

저는 JDBC를 사용하여 MySQL 데이터베이스에 정보를 업데이트하는 JavaFX로 격투 게임을 작성하고 있습니다. 데이터베이스 서버에서 기본 정보를 얻는 대부분의 작업은 지속적으로 반복되지 않으면 정상적으로 작동합니다. 문제는 게임 내에서 상대의 위치, 레벨, 피해량 등의 정보를 지속적으로 업데이트하는 프로그램이 필요할 때 발생합니다. 서버에 지속적으로 선택 명령을 보내야 하는데, 이로 인해 이러한 명령을 실행하는 스레드에서 사용하는 RAM이 늘어납니다. voidstartUpdatingOpComponentInfo(){Threadt...

P粉323224129 2023-09-07 20:10:29 0  1  797

javascript - js 비밀번호 키보드, 시스템 키보드를 차단하고 포커스를 얻는 방법이 있습니까?

이제 비밀번호 키보드를 만들었습니다. 시스템 키보드가 팝업되는 것을 차단할 수는 있지만 포커스가 사라져서 커서 위치에서 비밀번호를 삭제할 수 없습니다. 여러분, 더 완벽한 해결책은 없을까요? ? ? 이 방법은 키보드 {코드...}를 보호하는 데 사용됩니다.

过去多啦不再A梦 2017-05-18 10:47:34 0  1  550

수직 높이가 증가하면 div를 아래로 확장하지 않고 위로 확장하려면 어떻게 해야 합니까?

제목과 내용이 있는 페이지가 있습니다. 헤더는 동적 값이며 내용에 따라 다양한 내용을 가질 수 있습니다. 이 문제는 제목이 길고 두 줄 이상 필요할 때 발생합니다. 나는 콘텐츠가 동일한 수직 및 수평 위치에 있기를 원하기 때문에 긴 제목의 마지막 행이 제목이 더 짧은 경우 첫 번째 행과 동일한 수직 위치에 있기를 원합니다. 나는 다른 사람들이 나 자신을 이해할 수 있기를 바랍니다. 두 번째 단어를 추가하여 제목을 편집해 보면 무슨 뜻인지 알 수 있을 것입니다. 이 문제는 flex-box로 해결할 수 있을 것 같은데 어떻게 해결해야 ...

P粉530519234 2024-03-22 10:39:08 0  1  324

Python 튜토리얼: 중첩 위치 문제를 해결하기 위한 분할 방법

내 목표는 HTML에서 사용하기 위해 겹치는 위치를 분할하는 것입니다. 예를 들어 다음 텍스트가 있습니다. 하나 둘 셋 두 번째와 세 번째 단어를 굵게 만들고 처음 두 단어를 이탤릭체로 만들고 싶습니다. 다음 결과를 얻었습니다: [{"start":4,"end":13,"markup":"BOLD"},{"start":0,"end":7,"marku

P粉063039990 2023-08-13 15:52:41 0  1  470

CSS: 목록 항목 사이의 간격 수정

목록의 CSS를 편집하려고 시도했지만 행으로 올바르게 이동하고 목록 요소 사이의 높이를 조정하는 방법을 찾지 못했습니다. 웹사이트 링크: https://denkimedia.com/prod/K2211001/test/ 메뉴가 열리지만 목록 요소 사이의 크기를 수정하는 방법을 모르겠습니다. 목록 표시가 제대로 작동하지 않습니다. 어떤 아이디어가 있나요? :) 줄을 조정하기 위해 Article-verticle.css의 위치와 공백을 수정했습니다. .flowpaper-reflow-tocitem{위치: 상대; 공백: 일반 내부;

P粉436410586 2024-04-02 15:46:38 0  1  445

javascript - nextElementSibling을 사용하여 js에서 다음 노드를 찾는 방법

{Code...} 1. nextElementSibling을 이용하여 id가DialogArea인 다음 노드를 찾아 그 값을 수정합니다. 2. jquery 없이 기본 js만 사용하세요. 3. 특별한 상황에서 입력의 ID와 클래스를 얻을 수 없는 경우 숨겨진 입력을 위치 좌표로 사용하여 아래쪽으로 검색하는 것이 목적입니다...

天蓬老师 2017-05-19 10:12:12 0  3  660

애니메이션을 사용하여 두 Div를 교체하는 방법

나는 div를 큰 상자로 표시하고 다른 세 개의 div를 아래에 작은 상자로 표시하려는 프로젝트가 있습니다. 작은 상자를 클릭하면 CSS 전환 효과를 사용하여 크기가 변경되고 큰 상자와 위치가 바뀌게 됩니다. 부드러운 움직임과 크기 변화. 현재 jQuery를 사용하려고 하는데 위치 지정이 전혀 작동하지 않습니다. 이것은 나의 현재 예입니다: https://jsfiddle.net/v3pmhawj/1/$(function(){let{left:x1,top:y1}=$('.full-si

P粉191323236 2023-08-26 13:55:33 0  1  501

Flexbox를 사용하여 요소를 왼쪽과 가운데 정렬

저는 Flexbox를 사용하여 하위 요소를 정렬하고 있습니다. 내가 원하는 것은 한 요소를 중앙에 배치하고 다른 요소를 왼쪽에 정렬하는 것입니다. 일반적으로 왼쪽 요소를 설정하려면 margin-right:auto를 사용합니다. 문제는 중앙 요소를 중앙에서 멀리 밀어내는 것입니다. 절대 위치 지정을 사용하지 않고도 이것이 가능합니까? HTML 및 CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23 0  2  563

배경과 투명 텍스트가 잘립니다.

CSS를 사용하여 아래와 같이 배경에서 투명한 텍스트를 잘라내는 효과를 만드는 방법이 있나요? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 부끄러운 일입니다. 처음에 그림자를 생각했는데 아무것도 생각이 안나네요... 이미지는 웹사이트 배경, 절대 위치의 <img> 태그입니다

P粉439804514 2024-03-25 16:47:36 0  2  577

javascript - iScroll5 iOS는 슬라이드할 수 없습니다. Android에는 문제가 없습니다.

{코드...} 프론트엔드 신인이 만든 모바일 마스크 레이어 슬라이딩 셀렉터가 우여곡절을 많이 겪었습니다. 드디어 안드로이드 테스트가 완료됐으나, iOS 테스트에서 슬라이드가 안되는 것으로 나타났습니다. -_-|| 어디가 문제인지 모르겠습니다. (ios측에서 초기화에 실패한 것으로 추측됩니다. 위치 지정에는 Absolute를 사용합니다.)

仅有的幸福 2017-07-05 10:48:51 0  2  831

상대적으로 배치된 상단이 예상대로 작동하지 않음

라벨이 와 형제일 때 top 속성이 작동하지 않는 이유는 무엇입니까? 하지만 라벨을 제거하면 작동합니다. html,body{height:100%;}img{position:relative;top:40%;}<p>Loremipsumdolorsitamet,consecteturadipisicingelit.Temporibusdelectusaccusantiumnullaevenietaperiam,

P粉566048790 2023-10-29 21:02:46 0  1  601