HTML 선택 요소에서 옵션 텍스트 앞에 공백 문자를 삽입하는 방법은 무엇입니까?

문제

드롭 다운 목록에서 목록의 옵션 앞에 공백을 추가해야합니다.노력하고 있습니다 라코 디스

두 개의 공백을 추가하지만 공백이 표시되지 않습니다.옵션 텍스트 앞에 공백을 추가하려면 어떻게해야합니까?

해결책

공간에 대한 엔티티를 &#160하지 않습니까? 라코 디스

나에게 적합합니다 ...

다른 팁

  또는  를 원하시는 것 같습니다.

예의 고정 버전은 ... 라코 디스

또는 라코 디스

문자열에 \ xA0 을 사용합니다. 이것은 C # 모델 데이터를 드롭 다운에 바인딩하는 동안 완벽하게 작동합니다 ... 라코 디스

Rob Cooper가 지적했듯이 이전 브라우저와의 호환성 문제가 있습니다 (IE6에 실제 문자 "& nbsp;"가 표시됨)

이것은 ASP.Net에서이 문제를 해결하는 방법입니다 (VS가 열려 있지 않아 실제로 어떤 문자로 번역되는지 확실하지 않습니다). 라코 디스

여러 가지를 시도했지만 저에게 효과가 있었던 유일한 방법은 자바 스크립트를 사용하는 것입니다.js는 엔티티에 대해 알고 있기 때문에 html 엔티티가 아닌 공간에 유니 코드 코드를 사용하고 있음을 주목하십시오. 라코 디스

또한 Alt + Space (Mac의 경우)를 누르면 공백이 끊기지 않습니다.Drupal은 html 엔티티를 디코딩하기 때문에 Drupal 모듈에 사용합니다.

CSS 패딩으로도이 작업을 수행 할 수 있다고 확신합니다.그러면 모든 <option> 태그에 하드 코딩 된 공백 문자에 결혼하지 않을 것입니다.

@Brian <인용구>

CSS 패딩으로도이 작업을 수행 할 수 있다고 확신합니다.그러면 모든 태그에 공백 문자가 하드 코딩되는 것과 결혼하지 않을 것입니다.

좋은 생각-하지만 안타깝게도 (모든 사람이 좋아하는 브라우저 ...) IE7 :-(

다음은 Firefox에서 작동하는 코드입니다 (그리고 저는 Op / Saf로 가정합니다). 라코 디스

문자 255 (숫자 키패드에서 Alt + 2 + 5 + 5 입력)를 사용하십시오.Courier New와 같은 고정 폭 글꼴

Server.HtmlDecode(" ")는 나를 위해 일한 유일한 것입니다.

그렇지 않으면 chr이 텍스트로 인쇄됩니다.

목록 항목의 속성으로 패딩을 추가하려고했지만 영향을주지 않았습니다.

라코 디스

해볼 수 있습니까?아니면 같은가요?

또한 동일한 문제가 발생하여 가능한 한 빨리이 문제를 해결해야했습니다.많이 검색했지만 빠른 해결책을 찾지 못했습니다.

대신 나만의 솔루션을 사용했지만 적절한 솔루션인지 확실하지 않지만 제 경우에는 작동하며 정확히 수행해야하는 작업을 수행했습니다.

따라서 드롭 다운에 ListItem을 추가하고 공간을 추가하려면 다음을 사용합니다 .-

ALT 를 누르고 숫자 키패드에 0160를 입력하면 ALT+0160와 같은 형식이어야합니다.공백이 추가됩니다. 라코 디스

이 예제 중 몇 가지를 시도했지만 효과가 있었던 유일한 방법은 자바 스크립트를 사용하는 것입니다. 라코 디스

이것은 IE 전용입니다.사실 IE11.으.

1. 항목 목록으로 돌아 가기

2. 목록의 Foreach 루프

3 .. 라코 디스

이 작업은 저를위한 것입니다 !!!

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow