«html» 태그된 질문

HTML (HyperText Markup Language)은 웹 페이지 및 웹 브라우저에 표시 할 기타 정보를 작성하기위한 기본 마크 업 언어입니다. HTML에 관한 질문에는 최소한의 재현 가능한 예제와 달성하려는 것에 대한 아이디어가 포함되어야합니다. 이 태그는 거의 사용되지 않으며 종종 [CSS] 및 [javascript]와 쌍을 이룹니다.



17
높이가 100 % 인 전체 화면 iframe
모든 브라우저에서 iframe 높이 = 100 %가 지원됩니까? doctype을 다음과 같이 사용하고 있습니다. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 내 iframe 코드에서 내가 말하면 : <iframe src="xyz.pdf" width="100%" height="100%" /> 실제로 나머지 페이지의 높이를 갖습니다 (고정 높이가 50px 인 다른 프레임이 있기 때문에). 모든 주요 브라우저 (IE / …


8
부모 컨테이너의 높이 백분율로 여백 또는 패딩을 설정하는 방법은 무엇입니까?
나는 다음을 사용하여 CSS에서 수직 정렬을 만드는 것에 대해 내 두뇌를 쌓아 두었다. .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> 코드 스 니펫 실행결과 숨기기스 니펫 확장 이것이이 경우에는 효과가있는 …

9
여러 줄로 된 flexbox 레이아웃에서 줄 바꿈을 지정하는 방법은 무엇입니까?
На этот вопрос есть ответы на 스택 오버플로 на русском : 인 flexbox 항목 - перенос на новую строку 여러 줄 flexbox에서 줄 바꿈을 만드는 방법이 있습니까? 예를 들어이 CodePen의 각 세 번째 항목 다음에 깰 수 있습니다. .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: …
236 html  css  flexbox 

7
CSS : 의사 요소를 제거하는 방법 (후, 전,…)?
웹 페이지의 단락 태그 레이아웃에 스위치를 사용하고 싶습니다. 나는 후 의사 요소를 사용합니다. p:after {content: url("../img/paragraph.gif");} 이제이 CSS 코드를 페이지에서 제거해야합니다. 어떻게 이것을 쉽게 할 수 있습니까? 나는 그것을 추가하고 싶다 : jQuery는 이미 페이지에서 사용되었습니다 CSS가 포함 된 파일을 포함하거나 제거하고 싶지 않습니다.


4
offsetHeight, clientHeight, scrollHeight 란 무엇입니까?
차이점이 무엇인지 설명의 생각 offsetHeight, clientHeight그리고 scrollHeight나 offsetWidth, clientWidth그리고 scrollWidth? 클라이언트 측에서 작업하기 전에이 차이점을 알아야합니다. 그렇지 않으면 그들의 삶의 절반이 UI 수정에 소비됩니다. 바이올린 또는 인라인 아래 : function whatis(propType) { var mainDiv = document.getElementById("MainDIV"); if (window.sampleDiv == null) { var div = document.createElement("div"); window.sampleDiv = div; } div …

21
Twitter 부트 스트랩을 사용하여 요소를 숨기고 jQuery를 사용하여 표시하는 방법은 무엇입니까?
이와 같은 HTML 요소를 생성한다고 가정 해 보겠습니다. <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> jQuery / Javascript에서 해당 HTML 요소를 표시하고 숨기는 방법은 무엇입니까? 자바 스크립트 : $(function(){ $("#my-div").show(); }); 결과 : (이 중 하나와 함께). 위의 요소를 숨기고 싶습니다. 부트 스트랩을 사용하여 요소를 …



7
부모 컨테이너로 svg 스케일을 어떻게 만들 수 있습니까?
크기가 기본이 아닌 경우 인라인 svg 요소의 내용 스케일을 원합니다. 물론 별도의 파일로 만들 수 있고 그렇게 확장 할 수 있습니다. index.html : <img src="foo.svg" style="width: 100%;" /> foo.svg : <svg width="123" height="456"></svg> 그러나 CSS를 통해 SVG에 스타일을 추가하고 싶습니다. 따라서 외부 스타일을 연결하는 것은 옵션이 아닙니다. 인라인 SVG 스케일을 …
235 css  html  svg  scaling 

12
Bootstrap CSS 스타일을 재정의하려면 어떻게해야합니까?
bootstrap.css웹 사이트에 맞게 수정해야합니다 . 직접 custom.css수정하는 대신 별도의 파일 을 만드는 것이 낫 습니다. 업데이트 bootstrap.css해야하는 이유 bootstrap.css는 모든 수정 사항을 다시 포함시키는 데 어려움을 겪을 것입니다. 이 스타일에 대한로드 시간을 희생 할 것이지만 재정의하는 몇 가지 스타일에는 무시할 수 있습니다. 앵커 / 클래스의 스타일을 제거bootstrap.css 하도록 대체하려면 어떻게해야 …

9
커서를 손가락 포인터로 변경
나는 이것을 가지고 a있고 커서가 일반 링크처럼 손가락 포인터로 변경되도록 "onmouseover"에 삽입해야한다는 것을 모른다. <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> 내가 넣어야 할 곳을 읽었습니다. onmouseover="cursor: hand (a pointing hand)" 그러나 그것은 나를 위해 작동하지 않습니다. 또한 이것이 JavaScript, CSS 또는 일반 HTML로 간주되는지 확실하지 않습니다.
234 html  css  mouseevent 

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.