프로그램 작성 html

17

내 HTML은 다음과 같습니다. <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> CSS 만 사용하여 제품 이름 (예 : 'Product1', 'Product2'등)을 굵게 표시하고 범주 (전자 제품, 스포츠 등)를 기울임 꼴로 표시하고 싶습니다. HTML과 CSS를 사용하는 것이 불가능하다고 언급 한 오래된 질문을 찾았지만 지금은 해결책이 있기를 바랍니다.

202 html css drop-down-menu

15

각도 2 확인란 양방향 데이터 바인딩

나는 Angular2를 처음 접했고 약간의 문제가 있습니다. Login-Component-HTML에는 두 가지 확인란이 있는데, Login-Component-TypeScript에 두 가지 방식으로 데이터 바인딩을 바인딩하려고합니다. 이것은 HTML입니다. <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> 그리고 이것은 Component.ts입니다. import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { …

202 html angular typescript checkbox data-binding

15

자바 스크립트에서 HTML 특수 문자를 이스케이프 처리 할 수 있습니까?

자바 스크립트 함수로 텍스트를 HTML로 표시하고 싶습니다. JS에서 HTML 특수 문자를 어떻게 피할 수 있습니까? API가 있습니까?

202 javascript html

29

Bootstrap에서 열 사이에 간격을 어떻게 추가합니까?

이 문제에 대한 간단한 해결책이 있다고 확신합니다. 기본적으로 두 개의 열이 있으면 열 사이에 공백을 어떻게 추가합니까? 예를 들어 HTML이 다음과 같은 경우 : <div class="col-md-6"></div> <div class="col-md-6"></div> 출력은 페이지의 전체 너비를 차지하는 서로 바로 옆에있는 두 개의 열입니다. 너비가 설정되어 있다고 가정하면 1000px각 div가 500px넓을 것입니다. 100px둘 사이 에 …

202 html css twitter-bootstrap-3 grid-layout

13

Angular의 템플릿에서 변수를 선언하는 방법

다음과 같은 템플릿이 있습니다. <div> <span>{{aVariable}}</span> </div> 그리고 결국 : <div "let a = aVariable"> <span>{{a}}</span> </div> 할 방법이 있습니까?

202 html angular

11

마우스가 테이블의 행을 넘어갈 때 손으로 커서 변경

내 마우스가 넘어 때 손 커서 포인터를 변경하려면 어떻게 <tr>A의<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html css cursor

18

이미지의 종횡비를 유지하면서 <div>를 채우기 위해 이미지를 어떻게 늘립니까?

이 이미지를 넘치 <div>거나 이미지를 기울이지 않고 가능한 최대 크기로 늘려야합니다. 이미지의 종횡비를 예측할 수 없으므로 사용할지 여부를 알 수있는 방법이 없습니다. <img src="url" style="width: 100%;"> 또는 <img src="url" style="height: 100%;"> style = "width : 100 %; height : 100 %;")를 모두 사용할 수 없으므로 이미지에 맞게 이미지가 늘어나 기 …

201 image html size

11

정렬 된 목록은 CSS를 사용하여 1.1, 1.2, 1.3 (1, 2, 3 대신 ...)과 같은 결과를 생성 할 수 있습니까?

정렬 된 목록이 CSS를 사용하여 1.1, 1.2, 1.3 (1, 2, 3, ... 대신)처럼 보이는 결과를 생성 할 수 있습니까? 지금까지는 list-style-type:decimal1.1, 1.2., 1.3이 아닌 1, 2, 3 만 생산했습니다.

201 html css

10

섹션 대 기사 HTML5

비디오, 뉴스 피드 등과 같은 다양한 "섹션"으로 구성된 페이지가 있습니다. HTML5로이를 표현하는 방법이 약간 혼란 스럽습니다. 현재 HTML5로 가지고 <section>있지만 추가 검사에서 더 정확한 태그가 보입니다 <article>. 아무도 나를 위해 이것에 대해 약간의 빛을 비출 수 있습니까? 이러한 것들은 단어의 진정한 의미에서 블로그 게시물이나 "문서"가 아니므로 적용 할 요소를 찾기가 …

201 html markup

10

CSS div 요소-가로 스크롤 막대 만 표시하는 방법?

div 컨테이너가 있고 다음과 같이 스타일을 정의했습니다. div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } 이 div에 포함 된 테이블을 채우면 가로 및 세로 스크롤 막대가 자동으로 제공됩니다. 가로 스크롤 막대 만 자동으로 나타나기를 원합니다. 프로그래밍 방식으로 테이블 높이를 수정하겠습니다. 어떻게해야합니까?

200 css html

7

Ruby에서 HTML 엔터티를 어떻게 인코딩 / 디코딩합니까?

나는 다음과 같은 몇 가지 HTML 엔티티 디코딩하려고 '&amp;lt;'되고를 '<'. 오래된 보석 ( html_helpers )이 있지만 두 번 버려진 것으로 보입니다. 어떤 추천? 모델에서 사용해야합니다.

200 html ruby

7

<fieldset>이 플렉스 컨테이너가 될 수없는 이유는 무엇입니까?

나는 스타일을 시도 fieldset와 요소 display: flex와 display: inline-flex. 그러나, 그것은 작동하지 않았다 flex처럼 행동 block하고, inline-flex처럼 행동했습니다 inline-block. 이것은 Firefox와 Chrome 모두에서 발생하지만 이상하게는 IE에서 작동합니다. 버그입니까? HTML5 또는 CSS Flexible Box Layout 사양 fieldset에서 특별한 동작 이 있어야한다는 것을 알 수 없었습니다 . fieldset, div { display: flex; …

200 html css flexbox

5

다음 요소의 CSS에서 선택기의 구문은 무엇입니까?

헤더 태그가 있다면 <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } 그 후 나는 단락이 <p>stuff here</p>있습니다. CSS를 사용하여 <p>다음에 오는 모든 태그가 h1.hc-reform사용하도록하려면 어떻게해야합니까?clear:both; 그럴 것입니다 : h1.hc-reform > p{ clear:both; } 어떤 이유로 작동하지 않습니다.

200 html css css-selectors siblings

6

마크 다운 테이블 안에 목록을 작성하는 방법은 무엇입니까?

마크 다운 테이블 내에리스트 (글 머리 기호, 번호 매기기 또는 비 번호)를 만들 수 있습니까? 테이블은 다음과 같습니다. | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes …

200 html markdown github-flavored-markdown

14

jquery의 추가가 svg 요소와 작동하지 않습니까?

이것을 가정하면 : <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> 왜 아무것도 보이지 않습니까?

199 jquery html svg

«html» 태그된 질문