div 콘텐츠를 선택할 때 추가 공간이 추가되었습니다.

Question

매우 성가신 버그를 연구 중입니다. 문제는 IE 10에서만 사용하는 Internet Explorer에서만 발생한다는 것입니다. div 태그의 내용을 선택하려고하면 선택의 끝에 추가 공간이 추가됩니다. 그래도 인터넷 익스플로러는 호환 모드를 전환 할 수있는 옵션을 가지고 있으며 추가 공간을 사용하면 더 이상 존재하지 않게됩니다. 내 MVC4보기에 사용할 수있는 .css 또는 .cshtml 트릭이 있습니까?

HTML :

<div class="display"> "text" </div> 

CSS :

.display { 
    margin: 0.1em 0 0 0; 
    border: 0.1em 0 0; 
    width: 320px; 
} 

Answer 1

당신이 선택하고 브라우저

내에서 수동으로 복사 할 때 selecting하여 의미 겠지 당신이 제공 한 html, div의 실제 내용은입니다.

크롬은 영리한 것으로 보이며 뒤 공백을 제외합니다. 그대로 IE 반면에, 복사 값

텍스트를 둘러싼 공간을 제거하십시오 - 당신이 대신

.display { 
    padding: 1px; 
    margin: 0.1em 0 0 0; 
    border: 0.1em 0 0; 
    width: 320px; 
}