코딩하다 현타올 때

질문 : 'div'컨테이너에 맞게 이미지 크기를 자동으로 조정하려면 어떻게합니까? 너비 : 높이 비율을 유지하면서 더 작은 너비 div 컨테이너에 맞도록 큰 이미지의 크기를 자동으로 조정하는 방법은 무엇입니까? 예 : stackoverflow.com-이미지가 편집기 패널에 삽입되고 이미지가 너무 커서 페이지에 맞지 않으면 이미지 크기가 자동으로 조정됩니다. 답변 이미지 태그에 명시적인 너비 또는 높이를 적용하지 마십시오. 대신 다음을 제공하십시오. max-width:100%; max-height:100%; 또한 height: auto; 너비 만 지정하려는 경우. 예 : http://jsfiddle.net/xwrvxser/1/ img { max-width: 100%; max-height: 100%; } ...

질문 : div 내부에서 이미지를 세로로 정렬하는 방법 div 내부에 이미지를 어떻게 정렬 할 수 있습니까? class ="frame "을 사용하여 를 세로로 가운데에 배치해야합니다. .frame 의 높이는 고정되어 있고 이미지의 높이는 알 수 없습니다. 유일한 해결책 인 경우 .frame 에 새 요소를 추가 할 수 있습니다. Internet Explorer 7 이상, WebKit, Gecko에서이 작업을 수행하려고합니다. 여기 에서 jsfiddle을 참조하십시오. .frame { height: 25px; /* Equals maximum image height */ line-height: 25px; width: 160px; border: 1px solid red; text-align: center; ma..

질문 : div에서 텍스트를 세로로 정렬하려면 어떻게합니까? div와 텍스트를 정렬하는 가장 효과적인 방법을 찾으려고합니다. 몇 가지 시도했지만 작동하지 않는 것 같습니다. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em 0 1em 0; } Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei..

질문 : 정적 HTML 페이지에 파비콘 추가 서버가 다운 될 때 표시되는 순수한 HTML 인 정적 페이지가 몇 개 있습니다. 내가 만든 파비콘 (16x16px이고 HTML 파일과 동일한 디렉토리에 있습니다. favicon.ico라고 함)을 "탭"아이콘으로 어떻게 넣을 수 있습니까? Wikipedia를 읽고 몇 가지 자습서를 살펴보고 다음을 구현했습니다. 그러나 여전히 작동하고 싶지 않습니다. Chrome을 사용하여 사이트를 테스트하고 있습니다. Wikipedia에 따르면 .ico는 모든 브라우저 유형에서 실행되는 최고의 그림 형식입니다. 코드가 확인했지만 서버가 사이트를 제공하기 시작하면 제대로 작동한다는 것을 확인했지만 로컬에서 작동하도록 만들 수 없습니다. 서버로 밀어 넣고 캐시를 새로 고치면 제대로..

ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ 질문 : JSON 또는 부분 HTML을 반환하는 ASP.NET MVC 컨트롤러 작업 매개 변수에 따라 JSON 또는 부분 html을 반환하는 컨트롤러 작업을 만들려고합니다. 결과를 비동기 적으로 MVC 페이지에 반환하는 가장 좋은 방법은 무엇입니까? 답변 작업 메서드에서 Json (object)를 반환하여 페이지에 JSON을 반환합니다. public ActionResult SomeActionMethod() { return Json(new {foo="bar", baz="Blech"}); } 그런 다음 Ajax를 사용하여 액션 메소드를 호출하십시오. 다음과 같은 ViewPage의 도우미 메서드 중 하나를 사용할 수 있습니다. SomeMethod는 반환 된 Jso..

질문 : jQuery로 양식 필드 지우기 양식의 모든 입력 및 텍스트 영역 필드를 지우고 싶습니다. reset 클래스와 함께 입력 버튼을 사용할 때 다음과 같이 작동합니다. $(".reset").bind("click", function() { $("input[type=text], textarea").val(""); }); 그러면 양식의 필드뿐만 아니라 페이지의 모든 필드가 지워집니다. 실제 재설정 버튼이있는 형태의 선택기는 어떻게 생겼습니까? 답변 $(".reset").click(function() { $(this).closest('form').find("input[type=text], textarea").val(""); }); 출처 : https://stackoverflow.com/questions/6..

질문 : TextView에서 HTML을 표시하는 방법은 무엇입니까? 간단한 HTML이 있습니다 . Title description here HTML 스타일 텍스트를 TextView 에 표시하고 싶습니다. 어떻게하나요? 답변 XML 문자열에서 HTML을 사용하려면 Html.fromHtml() 단순히 레이아웃 XML에서 HTML로 문자열을 참조하는 것은 작동하지 않습니다. 이것이 자바에서해야 할 일입니다. if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) { textView.setText(Html.fromHtml("Title Description here", Html.FROM_HTML_MODE_COMPACT)); } else { textView.setText(Htm..

질문 : jQuery를 사용하여 동적 HTML 요소에 이벤트를 어떻게 첨부합니까? .myclass 클래스가있는 모든 요소에 이벤트 핸들러를 연결하는 jQuery 코드가 있다고 가정합니다. 예를 들면 : $(function(){ $(".myclass").click( function() { // do something }); }); 내 HTML은 다음과 같습니다. test1 test2 test3 문제없이 작동합니다. .myclass 요소가 나중에 페이지에 작성되었는지 고려하십시오. 예를 들면 : create link dynamically 이 경우 a#anchor1 test4 링크가 생성됩니다. test4 class="myclass" 가 있어도 연결된 click() 핸들러가 없습니다. 기본적으로 click()..

질문 : HTML 양식에서 자동 완성을 비활성화하는 W3C 유효한 방법이 있습니까? xhtml1-transitional.dtd doctype을 사용하는 경우 다음 HTML로 신용 카드 번호 수집 W3C 유효성 검사기에 경고를 표시합니다. "autocomplete"속성이 없습니다. 양식의 민감한 필드에서 브라우저 자동 완성을 비활성화하는 W3C / 표준 방법이 있습니까? 답변 다음 은 자동 완성을 형성하기위한 문제 (및 솔루션)를 설명하는 MDC의 좋은 기사입니다. 마이크로 소프트도 여기 에 비슷한 내용을 게시했습니다. 솔직히 말해서 이것이 사용자에게 중요한 일이라면 이런 방식으로 표준을 '깨는'것이 적절 해 보입니다. 예를 들어 Amazon은 'autocomplete'속성을 꽤 많이 사용하며 잘 작동하는..

질문 : jQuery로 HTML 문자열 이스케이프 누구든지 jQuery의 문자열에서 HTML을 이스케이프하는 쉬운 방법을 알고 있습니까? 임의의 문자열을 전달할 수 있어야하며 HTML 페이지에 표시하기 위해 적절하게 이스케이프 처리해야합니다 (JavaScript / HTML 주입 공격 방지). 이 작업을 수행하기 위해 jQuery를 확장 할 수 있다고 확신하지만 현재로서는 프레임 워크에 대해 충분히 알지 못합니다. 답변 jQuery를 사용하고 있으므로 요소의 text 속성 만 설정할 수 있습니다. // before: // text var someHtmlString = ""; // set a DIV's text: $("div.someClass").text(someHtmlString); // after: /..

질문 : 이스케이프되지 않은 HTML 문자열 쓰기 / 출력DB 테이블에 저장된 안전하고 위생적인 HTML이 있습니다.이 HTML 콘텐츠를 Razor보기에서 작성하려면 어떻게해야합니까?

질문 : HTML을 사용하여 문서의 모든 페이지에 머리글과 바닥글을 출력하는 방법은 무엇입니까? 출력된 각 페이지에 사용자 정의 머리글 및 바닥 글이있는 HTML 페이지를 출력할 수 있습니까? 내용에 관계없이 모든 출력페이지의 상단과 하단에 Red, Arial, 크기 16pt로 "UNCLASSIFIED"라는 단어를 추가하고 싶습니다. 명확히하기 위해 문서가 5 페이지에 출력된 경우 각 페이지에는 사용자 정의 머리글과 바닥 글이 있어야합니다. HTML / CSS를 사용하여 이것이 가능한지 아는 사람이 있습니까? 답변 바닥 글로 지정할 요소를 position : fixed 및 bottom : 0으로 설정하면 페이지가 출력될 때 각 출력된 페이지의 맨 아래에 해당 요소가 반복됩니다. 헤더 요소에서도 동일하게 ..

질문 : angular HTML 바인딩 Angular 응용 프로그램을 작성 중이며 표시하려는 HTML 응답이 있습니다. 어떻게하나요? 단순히 바인딩 구문 {{myVal}} 하면 모든 HTML 문자가 인코딩됩니다 (물론). div innerHTML 을 변수 값에 바인딩해야합니다. 답변 올바른 구문은 다음과 같습니다. 문서 참조 출처 : https://stackoverflow.com/questions/31548311/angular-html-binding

질문 : CSS 컨텐츠를 사용하여 HTML 엔티티 추가CSS content 속성을 사용하여 HTML 엔터티를 추가하는 방법은 무엇입니까?이와 같은 것을 사용하면 끊기지 않는 공백 대신 화면에 :.breadcrumbs a:before { content: ' '; } 답변이스케이프 된 유니 코드를 사용해야합니다.처럼.breadcrumbs a:before { content: '\0000a0'; } 자세한 정보 : http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/출처 : https://stackoverflow.com/questions/190396/adding-html-entities-using-css-content

질문 : HTML 표의 자동 줄 바꿈 word-wrap: break-word 를 사용하여 div 및 span s의 텍스트를 줄 바꿈했습니다. 그러나 표 셀에서는 작동하지 않는 것 같습니다. 한 행과 두 개의 열 width:100% 설정된 테이블이 있습니다. 열의 텍스트는 위의 word-wrap 스타일이 지정되었지만 줄 바꿈되지 않습니다. 이로 인해 텍스트가 셀 경계를 넘어갑니다. 이것은 Firefox, Google Chrome 및 Internet Explorer에서 발생합니다. 소스는 다음과 같습니다. td { border: 1px solid; } Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo..

질문 : 클릭시 HTML 텍스트 입력의 모든 텍스트 선택HTML 웹 페이지에 텍스트 상자를 표시하는 다음 코드가 있습니다. 페이지가 표시되면 텍스트 에 사용자 ID를 입력하십시오 메시지가 포함됩니다. 그러나 모든 텍스트를 선택하려면 사용자가 3 번 클릭해야한다는 것을 알았습니다 (이 경우 사용자 ID를 입력하십시오 ).클릭 한 번으로 전체 텍스트를 선택할 수 있습니까?편집하다:죄송합니다. 입력 type="text"답변이 자바 스크립트 스 니펫을 사용할 수 있습니다. 그러나 분명히 모바일 Safari에서는 작동하지 않습니다. 이 경우 다음을 사용할 수 있습니다. 출처 : https://stackoverflow.com/questions/4067469/selecting-all-text-in-html-text-..

질문 : Html.Partial vs Html.RenderPartial & Html.Action vs Html.RenderAction ASP.NET MVC에서 다음의 차이점은 무엇입니까? Html.Partial 및 Html.RenderPartial Html.Action 및 Html.RenderAction 답변 Html.Partial 은 문자열을 반환합니다. Html.RenderPartial 은 Write 내부적으로 void 반환합니다. 기본 사용법은 다음과 같습니다. // Razor syntax @Html.Partial("ViewName") @{ Html.RenderPartial("ViewName"); } // WebView syntax 위의 스 니펫에서 두 호출 모두 동일한 결과를 생성합니다. 하나의 ..

질문 : AngularJS 컨트롤러에서보기에 HTML 삽입 AngularJS 컨트롤러에서 HTML 조각을 만들고이 HTML을보기에 표시 할 수 있습니까? id: value 쌍의 중첩 된 목록으로 전환해야하기 때문입니다. 따라서 HTML 이 컨트롤러에서 생성되고 이제이를 표시하려고합니다. 모델 속성을 만들었지 만 HTML을 인쇄하지 않고는 뷰에서 렌더링 할 수 없습니다. 최신 정보 생성 된 HTML을 따옴표 안의 문자열로 각도 렌더링하여 문제가 발생하는 것으로 보입니다. 이 문제를 해결하기 위해 노력할 것입니다. 컨트롤러 예 : var SomeController = function () { this.customHtml = 'render me please'; } 보기 예 : 제공 : "render me pl..

질문 : jQuery를 사용하여 div의 innerHTML을 대체하는 방법은 무엇입니까? 다음을 어떻게 얻을 수 있습니까? document.all.regTitle.innerHTML = 'Hello World'; regTitle 이 내 div ID 인 jQuery를 사용합니까? 답변 $("#regTitle").html("Hello World"); 출처 : https://stackoverflow.com/questions/1309452/how-to-replace-innerhtml-of-a-div-using-jquery

질문 : HTML 컨테이너에 여러 클래스를 할당하는 방법은 무엇입니까? HTML 컨테이너에 여러 클래스를 할당 할 수 있습니까? 다음과 같은 것 : 답변 다음과 같이 쉼표를 제거하십시오. 출처 : https://stackoverflow.com/questions/8722163/how-to-assign-multiple-classes-to-an-html-container

질문 : 창에 맞게 HTML5 캔버스 크기 조정페이지에 맞게 요소의 크기를 자동으로 조정하려면 어떻게해야합니까?예를 들어, height 및 width 속성을 100 % 크기를 조정할 수 는 크기가 조정되지 않습니다.답변나는 이것에 대한 우아한 해결책을 찾았다 고 믿는다.자바 스크립트/* important! for alignment, you should make things * relative to the canvas' current width/height. */ function draw() { var ctx = (a canvas context); ctx.canvas.width = window.innerWidth; ctx.canvas.height = window.innerHeight; //...drawin..

질문 : CSS에서 img 태그의 src 속성에 해당하는 것을 설정할 수 있습니까? CSS에서 src 속성 값을 설정할 수 있습니까? 현재 내가하고있는 것은 : 그리고 나는 그것이 이와 같은 것이기를 원합니다. .myClass { some-src-property: url("pathTo/myImage.jpg"); CSS의 background 또는 background-image: 속성을 사용하지 않고이 작업을 수행하고 싶습니다. 답변 content:url("image.jpg") 사용하세요. 완전한 작동 솔루션 ( 라이브 데모 ) : 테스트 및 작동 : 크롬 14.0.835.163 Safari 4.0.5 오페라 10.6 테스트되었으며 작동 하지 않음 : FireFox 40.0.2 (개발자 네트워크 도구를 관찰..

질문 : HTML 요소의 실제 너비와 높이를 어떻게 검색합니까? 브라우저의 디스플레이 (뷰포트) 중앙에 배치하려는 가 있다고 가정합니다. 요소의 너비와 높이를 계산해야합니다. 무엇을 사용해야합니까? 브라우저 호환성에 대한 정보를 포함하십시오. 답변 .offsetWidth 및 .offsetHeight 속성을 사용해야합니다. .style 아니라 요소에 속합니다. var width = document.getElementById('foo').offsetWidth; .getBoundingClientRect() 함수는 CSS 변환을 수행 한 후 요소의 크기와 위치를 부동 소수점 숫자로 반환합니다. > console.log(document.getElementById('id').getBoundingClientRect(..

질문 : HTML 페이지에서 리디렉션로드시 다른 페이지로 리디렉션하도록 기본 HTML 페이지를 설정할 수 있습니까?답변다음을 사용해보십시오. 참고 : 헤드 섹션에 배치하십시오.또한 이전 브라우저의 경우 올바르게 새로 고침되지 않는 경우 빠른 링크를 추가하는 경우 :Redirect다음과 같이 나타납니다.리디렉션그래도 추가 클릭으로 원하는 곳으로 이동할 수 있습니다.출처 : https://stackoverflow.com/questions/5411538/redirect-from-an-html-page

질문 : HTML 체크 박스를 읽기 전용으로 설정할 수 있습니까? 저는 그것이 될 수 있다고 생각했지만, 체크박스에 readonly 속성을 설정하는 것은 실제로 아무것도하지 않는 것 같습니다. 나는 체크 박스를 나머지 양식과 함께 제출하기를 원하기 때문에 Disabled를 사용하지 않을 것입니다. 클라이언트가 특정 상황에서이를 변경할 수 없도록하고 싶습니다. 답변 이것을 사용할 수 있습니다. 클릭 이벤트에서 false를 반환하면 실행 체인이 계속 중단되기 때문에 작동합니다. 출처 : https://stackoverflow.com/questions/155291/can-html-checkboxes-be-set-to-readonly