Jquery 为什么css不应用于span标记和背景图像不显示？

我制作了一个标题，如图所示。我在头球时面临两个问题。我无法在

span

标记中添加省略号。我使用了一个

span

标记。我想在屏幕分辨率很小时添加省略号。我真的很喜欢。我想在这个元素上添加省略号

<div class='sign-out'>
    <span>Show  name</span>
    <a>Sign out</a>
</div>

我想添加图片，如上传图片所示。由于它是演示图像，因此未正确显示

<div class='toggle-icon'>
    <span class='image-background'>
        <img src='https://dl.dropboxusercontent.com/s/gisoddbkajwuk1j/chart.png?dl=0'/>
    </span>
    <span class='image-background'>
        <img src='https://dl.dropboxusercontent.com/s/6yft5r97hi1pik7/table.png?dl=0'/>
    </span>
</div>

有更新吗？关于此图像不显示？

省略号问题修复： span是一个内联元素，无法应用宽度，因此将其转换为内联块

.sign-out span {
    display: inline-blok;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 10%;
}

.sign-out span {
    display: inline-blok;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 10%;
}