html - 省略号在 firefox 中运行不佳，但在 chrome 中运行良好

Question

我试图使用省略号将链接的宽度限制在一定范围内。

html 是这样的:

<a class="blueLink2 destination-url-space" style="top:0;" href="http://google.com/uyv245">http://google.com/iuh345345345gthrthrthrth</a>

CSS 是

.blueLink2 {
    color: #0051A1;
    display: inline;
    font-size: 14px;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: 0;
}
.destination-url-space {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
}

但它只适用于 Chrome。在 Firefox 中不工作。演示:http://jsfiddle.net/xE6HG/

Answer 1

你需要在那里添加white-space: nowrap;

DEMO