Прокрутка с! = Ширина смещения, когда нет многоточия

Question

Прокрутка с! = Ширина смещения, когда нет многоточия

0

Я пытаюсь выяснить, имеет ли элемент многоточие. Я использую qaru.site/questions/15358/...

Когда я тестирую IE, scrollWidth всегда больше offsetWidth. Даже если нет эллипса, scrollWidth на 1px больше, чем offsetWidth. Прекрасно работает в Chrome, как и ожидалось.

Пожалуйста, проверьте этот пример. Это даст вам разные значения для IE и Chrome.

Это происходит из-за ошибки в IE? Это известная проблема? И есть ли работа вокруг?

Zuhaib 29 дек. 2014, в 18:04

Источник

0

Поскольку scrollWidth в IE такой же, как в Chrome, я бы сказал, что offsetWidth на 1px меньше, чем scrollWidth. Подробности, Шметейлс.
GolezTrol 29 дек. 2014, в 16:26
1

Выглядит как float: left; это причина. Статья о offsetWidth в IE, которая может быть полезной.
0x2D9A3 29 дек. 2014, в 16:47
0

@ 0x2D9A3 Статья помогла. IE, кажется, scrollWidth и offsetWidth . Я могу получить фактическую ширину (float val) с помощью getComputedStyle , но не могу найти фактическую scrollWidth .
Zuhaib 29 дек. 2014, в 19:34

Показать ещё 1 комментарий

Теги:

javascript

html

css

css3

1 ответ

Ещё вопросы

Поскольку scrollWidth в IE такой же, как в Chrome, я бы сказал, что offsetWidth на 1px меньше, чем scrollWidth. Подробности, Шметейлс.
Выглядит как float: left; это причина. Статья о offsetWidth в IE, которая может быть полезной.
@ 0x2D9A3 Статья помогла. IE, кажется, scrollWidth и offsetWidth . Я могу получить фактическую ширину (float val) с помощью getComputedStyle , но не могу найти фактическую scrollWidth .

Rupert · Answer 1 · 2014-12-29T14-28-00.000Z

Вы имеете в виду реальный текстовый эллипс или css один?

Если текст, возможно, лучше разобрать текст элемента для трех точек в конце. Что-то вроде этого:

function hasEllipsis(text){
    var regex = /\.\.\.$/;
    return regex.test(text);
}

Ясно сказано, что это вопрос о многоточии text-overflow свойства-свойства ... (И, кстати, у этого комментария есть многоточие, которое не будет соответствовать вашему регулярному выражению)
Это многоточие CSS (переполнение текста)