Дополнительное пространство добавлено при выборе содержимого div

Question

Я работаю над очень раздражающей ошибкой. Проблема в том, что это происходит только в Internet Explorer (я использую IE 10). Когда я пытаюсь выбрать содержимое тега div, дополнительное пространство добавляется в конце моего выбора. Тем не менее, Internet Explorer имеет этот параметр для переключения режима совместимости, и если я использую дополнительное пространство, его больше не будет. Есть ли какой-либо трюк .css или .cshtml, который я мог бы использовать для своего MVC4-представления?

HTML:

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

CSS:

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

Answer 1

Я предполагаю, что вы имеете в виду selecting при выделении и скопировать вручную из браузера

The html, предоставленный вами, фактическое содержимое div - [space]text[space]

Хром, кажется, умный и исключает конечное пространство. IE, с другой стороны, копирует значение дословное

Попробуйте удалить пробелы вокруг текста - если вы требуете их для укладки, попробуйте добавить некоторое дополнение вместо

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