有没有办法在溢出菜单项中添加图标？

.menu-item {
  background-image: url('icon.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px; /* 根据图标大小调整 */
}

<span class="menu-item"><i class="fas fa-icon"></i> 菜单项</span>

const menuItem = document.querySelector('.menu-item');
const menuContainer = document.querySelector('.menu-container');

function checkOverflow() {
  const menuItemRect = menuItem.getBoundingClientRect();
  const menuContainerRect = menuContainer.getBoundingClientRect();

  if (menuItemRect.right > menuContainerRect.right) {
    menuItem.classList.add('overflow');
  } else {
    menuItem.classList.remove('overflow');
  }
}

window.addEventListener('resize', checkOverflow);