프로그램 작성 html

11

버튼을 눌렀을 때 대상으로 스크롤 할 수 있기를 원합니다. 나는 이런 생각을하고 있었다. <button (click)="scroll(#target)">Button</button> 그리고 내 component.ts방법에서. scroll(element) { window.scrollTo(element.yPosition) } 위의 코드는 유효하지 않지만 내가 생각하는 것을 보여주기위한 것임을 압니다. Angular에 대한 이전 경험없이 Angular 4를 배우기 시작했습니다. 나는 이와 같은 것을 찾고 있었지만 모든 예제는 Angular 4와 …

99 javascript html angular typescript

7

Gmail 용 HTML 이메일 스타일링

내부 스타일 시트를 사용하는 HTML 이메일을 생성하고 있습니다. <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> Gmail에서 보면 내부 스타일 시트의 모든 스타일이 무시되는 것 같습니다. Gmail은 인라인 규칙 이외의 모든 스타일을 무시하는 것 같습니다. <h2 style="color: red">Email content here</foo> …

99 html css gmail html-email

16

이미지를 찾을 수없는 경우 HTML

HTML 페이지에 이미지가 있습니다. <img src="smiley.gif" alt="Smiley face" width="32" height="32" /> 서버에서 이미지를 찾을 수없는 경우보기 흉한 빈 사각형이 표시됩니다. 이미지가 발견되지 않으면 서버에 확실히있는 다른 기본 이미지 나 아무것도 표시하지 않도록 만들고 싶습니다. 어떻게 할 수 있습니까?

99 html

12

HTML 태그를 HTML 엔티티로 이스케이프하는 가장 빠른 방법은 무엇입니까?

나는 일을 포함하는 크롬 확장 프로그램 쓰고 있어요 많은 문자열 살균 : 다음 작업을 할 수 변환하여, HTML 태그를 포함 <, >과 &에 &lt;, &gt;그리고 &amp;각각을,. (즉, PHP와 동일 htmlspecialchars(str, ENT_NOQUOTES)합니다. 큰 따옴표 문자를 변환 할 필요가 없다고 생각합니다.) 이것은 내가 지금까지 찾은 가장 빠른 기능입니다. function safe_tags(str) { return …

99 javascript html regex performance string

8

CSS FlexBox 레이아웃의 이미지 자동 크기 조정 및 종횡비 유지?

아래와 같이 나타나는 CSS 플렉스 박스 레이아웃을 사용했습니다. 화면이 작아지면 다음과 같이 바뀝니다. 문제는 원본 이미지의 가로 세로 비율을 유지하면서 이미지 크기가 조정되지 않는다는 것입니다. 순수 CSS와 플렉스 박스 레이아웃을 사용하여 화면이 작아지면 이미지 크기를 조정할 수 있습니까? 내 HTML은 다음과 같습니다. <div class="content"> <div class="row"> <div class="cell"> <img src="http://i.imgur.com/OUla6mK.jpg"/> …

99 html css flexbox

10

CSS 테이블 레이아웃 : 테이블 행이 여백을 허용하지 않는 이유는 무엇입니까?

.container { width: 850px; padding: 0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width: 64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .home_2 { width: 350px; height: 64px; padding: 0px; vertical-align: middle; font-size: 150%; display: table-cell; …

99 html css

29

멋진 글꼴이 아이콘을 표시하지 않습니다

Font Awesome을 사용하고 있으며 HTTP로 CSS를 추가하고 싶지 않습니다. Font Awesome을 다운로드하여 코드에 포함했지만 Font Awesome에 아이콘 대신 테두리가있는 사각형 상자가 표시됩니다. 내 코드는 다음과 같습니다. <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i class="fa fa-camera-retro fa-lg"></i> fa-lg <i class="fa fa-camera-retro fa-2x"></i> fa-2x </div> …

99 html css font-awesome

19

Html을 일반 텍스트로 어떻게 변환합니까?

테이블에 저장된 Html 조각이 있습니다. 전체 페이지가 아니라 태그 등이 아니라 기본 서식입니다. 주어진 페이지에서 해당 Html을 텍스트로만 표시하고 서식은 지정하지 않고 싶습니다 (실제로는 처음 30-50 자이지만 쉬운 부분입니다). 해당 Html 내의 "텍스트"를 직선 텍스트로 문자열에 배치하는 방법은 무엇입니까? 그래서이 코드 조각. <b>Hello World.</b><br/><p><i>Is there anyone out there?</i><p> 된다 : …

99 c# asp.net html

5

전체 페이지 <iframe>

아래에 예제 코드가 있습니다. 이것은 모바일 장치의 브라우저를 제외한 모든 브라우저에서 잘 작동합니다. 오버플로 태그가 문제입니다. 모바일을 제외한 모든 제품에서 작동 : margin: 0; padding: 0; height: 100%; overflow: hidden; 컴퓨터가 아닌 모든 모바일에서 작동 : margin: 0; padding: 0; height: 100%; 두 가지 모두에서 작동하도록하는 가장 좋은 방법은 무엇입니까? …

99 html css iframe

11

리디렉션없이 HTML 양식을 제출하는 방법

이런 형태가 있다면 <form action="/Car/Edit/17" id="myForm" method="post" name="myForm"> ... </form> JavaScript / jQuery로 다른보기로 리디렉션하지 않고 어떻게 제출할 수 있습니까? Stack Overflow에서 많은 답변을 읽었지만 모두 POST 함수에서 반환 한 뷰로 리디렉션됩니다.

99 javascript jquery html forms

3

HTML 문자열을 표시 할 수 없습니다.

Android WebView에서 표시 문자열 HTML로 어려움을 겪고 있습니다. 서버 측에서 웹 페이지를 다운로드하고 HTML 문자와 따옴표를 이스케이프 처리했습니다 (Python 사용). my_string = html.escape(my_string, True) Android 클라이언트 측에서 : 문자열은 다음과 같이 이스케이프되지 않습니다. myString = StringEscapeUtils.unescapeHtml4(myString) webview.loadData( myString, "text/html", "encoding"); 그러나 webview는 리터럴 문자열로 표시합니다. 결과는 다음과 같습니다. 편집 : …

99 android python html webview

5

데이터 목록 레이블을 표시하지만 실제 값을 제출합니다.

현재 HTML5 <datalist>요소는 대부분의 주요 브라우저 (Safari 제외)에서 지원되며 입력에 제안을 추가하는 흥미로운 방법으로 보입니다. 그러나 value속성 의 구현과 .NET Framework 의 내부 텍스트 간에 약간의 불일치가있는 것 같습니다 <option>. 예를 들면 : <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> 이것은 다른 브라우저에서 다르게 처리됩니다. Chrome 및 Opera …

99 javascript html cross-browser html-datalist

4

입력 유형 = "텍스트"요소 HTML / CSS 내부 텍스트 감싸기

아래에 표시된 HTML, <input type="text"/> 다음과 같이 브라우저에 표시됩니다. 다음 텍스트를 추가하면 빠른 갈색 여우가 게으른 개를 뛰어 넘었습니다. 아래 HTML을 사용하여 <input type="text" value="The quick brown fox jumped over the lazy dog."/> 다음과 같이 브라우저에 표시됩니다. 그러나 다음과 같이 브라우저에 표시되기를 바랍니다. 내 입력 요소의 텍스트를 래핑하고 싶습니다. 텍스트 …

99 html input word-wrap

3

style = "clear : both"의 사용은 무엇입니까?

나는 div스타일이있는 것을 봤다 clear:both! clearin 의 용도는 무엇입니까 style? <div style="clear:both">

98 html css

15

토글 버튼은 어떻게 만듭니 까?

CSS를 사용하여 html로 토글 버튼을 만들고 싶습니다. 나는 당신이 그것을 클릭 할 때 밀린 상태로 유지되고 다시 클릭 할 때보 다 튀어 나오도록하고 싶습니다. CSS를 사용하는 방법이 없다면. jQuery를 사용하여 수행하는 방법이 있습니까?

98 jquery html css

«html» 태그된 질문