Странная ширина в DOM (0, когда элемент имеет ширину)

Question

Я думаю, что изображение объясняет, что происходит довольно хорошо.Я знаю, что это происходит с изображениями, которые еще не загружены ... и ширина этого элемента меняется , но функции, с которыми мне нужна ширина, вызываются и извлекают ширину впоследствии, и обычно Web Inspectorобновляется, так что ... что здесь может происходить?(Я пытаюсь применить ширину одного элемента к другому, и из-за сообщенной ширины 0 второй элемент невидим. Однако он делает это только с некоторыми элементами.

Это встроенные элементыТак что, возможно, в этом причина? Но, очевидно, кто-то где-то генерирует ширину, и он работает с другими встроенными элементами с тем же js, но с другим css.

Answer 1

Элементы с «display: inline», такие как <span> или <a>, не используют или имеют свойство стиля ширины.Если вы установите элемент в «display: inline-block», он будет использовать свойство стиля ширины.

element.offsetWidth даст вам правильную ширину, но «вычисленный стиль» встроенного элемента всегда будет0. Встроенные элементы имеют автоматическую ширину, поэтому примененный стиль не имеет никакого эффекта.