«html» 태그된 질문

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

9
이미지 너비를 부모 div의 100 %로 설정하지만 자체 너비보다 크지 않아야합니다.
이미지를 (동적 크기로 제한없이) 부모 div만큼 넓게하려고하지만 너비가 자체 너비보다 100 % 넓지 않는 한 이미지를 얻으려고합니다. 나는 이것을 시도했지만 아무 소용이 없었다. img { width: 100%; height: auto; max-width: 100%; } 이 이미지의 대부분은 부모 div보다 넓기 때문에 그에 따라 크기를 조정하고 싶지만 작은 이미지가 거기에 나타나고 일반 크기보다 …
125 html  width  css 

4
여러 tr에서 Angular.js ng-repeat
숨겨진 trs를 사용하여 tr을 표시하고 아래 td에서 div를 아래로 슬라이딩하여 슬라이딩 효과를 시뮬레이션하는 응용 프로그램에 Angular.js를 사용하고 있습니다. 이 프로세스는 <!-- ko:foreach -->두 개의 tr 요소를 모두 사용할 수 있기 때문에 이러한 행의 배열을 반복 할 때 knockout.js를 사용하여 환상적으로 작동했습니다 . 각도 ng-repeat를 사용하면 html 요소에 적용해야합니다. 즉, 표준 …

15
이미지가 아닌 일반 문자 인 <ul>의 <li> 요소에 대한 사용자 정의 글 머리 기호 기호
CSS 속성을 사용하여 사용자 정의 그래픽을 대체 글 머리 기호 문자로 지정할 수 있음을 알고 있습니다. list-style-image 그런 다음 URL을 제공합니다. 그러나 제 경우에는 '+'기호를 사용하고 싶습니다. 이를 위해 그래픽을 만든 다음 가리킬 필요가 없습니다. 차라리 순서가 지정되지 않은 목록에 더하기 기호를 총알 기호로 사용하도록 지시하고 싶습니다. 이 작업을 수행 …

3
thymeleaf와 함께 data- * 속성 사용
thymeleaf로 data- * 속성을 설정할 수 있습니까? thymeleaf 문서에서 이해했듯이 시도했습니다. &lt;div th:data-el_id="${element.getId()}"&gt; &lt;!-- doesn't work --&gt; &lt;div data-th-el_id="${element.getId()}"&gt; &lt;!-- doesn't work --&gt;
125 html  thymeleaf 

16
html 그룹에서 하나의 확인란 만 선택
그렇다면 사용자가 하나의 확인란 만 선택하도록 허용하려면 어떻게해야합니까? 라디오 버튼이 "이상적"이라는 것을 알고 있지만 제 목적으로는 그렇지 않습니다. 사용자가 두 옵션 중 하나 또는 둘 중 하나만 선택해야하는 필드가 있습니다. 문제는 내 사용자가 옵션 선택을 취소 할 수 있어야한다는 것입니다. 여기에서 그룹을 선택하면 옵션을 선택해야하므로 라디오 버튼이 실패합니다. 나는 php를 …
125 html  checkbox 

19
비동기 적으로 스크립트로드
JQuery의 여러 플러그인, 사용자 정의 위젯 및 기타 라이브러리를 사용하고 있습니다. 결과적으로 여러 .js 및 .css 파일이 있습니다. 로드하는 데 시간이 좀 걸리기 때문에 내 사이트에 대한 로더를 만들어야합니다. 다음을 모두 가져 오기 전에 로더를 표시 할 수 있으면 좋을 것입니다. &lt;script type="text/javascript" src="js/jquery-1.6.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/myFunctions.js"&gt;&lt;/script&gt; &lt;link type="text/css" href="css/main.css" …

3
오른쪽 상단 모서리에 이미지 배치-CSS
div의 오른쪽 상단 모서리에 이미지를 표시해야하지만 (이미지는 "대각선"리본 임) 내부 div에 포함 된 현재 텍스트는 상단에 붙어있는 것처럼 유지해야합니다. 다른 div에 이미지를 포함하거나 클래스를 다음과 같이 정의하는 것과 같이 다른 작업을 시도했습니다. .ribbon { position: relative; top: -16px; right: -706px; } &lt;div id="content"&gt; &lt;img src="images/ribbon.png" class="ribbon"/&gt; &lt;div&gt;some text...&lt;/div&gt; &lt;/div&gt; 그러나 …
125 html  css 

12
Chrome에서 스크롤바가 페이지 너비에 추가되는 것을 방지
스택 오버플로 및 수동 : 스크롤 및 패딩 Chrome에서 .html 페이지를 일관된 너비로 유지하려는 작은 문제가 있습니다. 그 페이지 (1). 페이지 (2)에서 동일한 레이아웃 (메뉴, div 등)을 가지고 있지만 콘텐츠가 적기 때문에 수직 스크롤 막대가 없습니다. 문제는 (1) 페이지에서 스크롤 막대가 요소를 약간 왼쪽으로 밀어내는 것 (너비에 더해 지나요?)이지만 모든 …


6
innerText vs innerHTML vs label vs text vs textContent vs outerText
Javascript로 채워진 드롭 다운 목록이 있습니다. 로드시 표시 할 기본값을 결정하는 동안 다음 속성이 정확히 동일한 값을 표시한다는 것을 깨달았습니다. innerText innerHtml label text textContent outerText 내 자신의 연구에 따르면 벤치 마킹 테스트 또는 일부 비교 결과가 있지만 전부는 아닙니다. 나는 내 자신의 상식을 사용하고 동일한 결과를 제공하기 때문에 하나 …
124 javascript  html  dom 

7
CSS가 네거티브 패딩을 지원하지 않는 이유는 무엇입니까?
나는 네거티브 패딩의 전망이 특정 페이지 요소의 CSS 개발이 더 좋고 쉬워지는 데 도움이 될 수 있다는 것을 여러 번 보았다. 그러나 W3C CSS에는 네거티브 패딩에 대한 규정이 없습니다. 그 이유는 무엇입니까? 재산의 사용을 방해하는 장애물이 있습니까? 답변 해 주셔서 감사합니다. 업데이트 예를 들어, 예를 들어 세로 간격이 20px 인 …
124 html  css  padding 

17
웹 브라우저가 이미지를 캐시하지 않도록 강제하는 방법
배경 저는 두 개의 pro-bono 웹 사이트에 대해 매우 간단한 CGI 기반 (Perl) 콘텐츠 관리 도구를 작성하고 사용하고 있습니다. 웹 사이트 관리자에게 이벤트에 대한 HTML 양식을 제공하여 필드 (날짜, 장소, 제목, 설명, 링크 등)를 채우고 저장합니다. 이 양식에서 관리자는 이벤트와 관련된 이미지를 업로드 할 수 있습니다. 양식을 표시하는 HTML 페이지에서 …



11
"--allow-file-access-from-files"모드에서 Chrome을 사용하여 html을 시작하는 방법은 무엇입니까?
나는 여기 와 같은 상황이있다 그리고이 문제를 해결하려면 "--allow-file-access-from-files"모드에서 Chrome을 사용하여 html 파일을 실행해야합니다. 다음 단계를 여러 번 시도했지만 작동하지 않습니다. Windows 7에서 cmd 시작 chrome.exe 폴더로 이동 이 작업을 수행 chrome --allow-file-access-from-files file:///C:/test%20-%203.html

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