Многоточие не очень хорошо работает в Internet Explorer - PullRequest
Новая
       5

Многоточие не очень хорошо работает в Internet Explorer

0 голосов
/ 10 февраля 2012

Я пытаюсь использовать text-overflow: ellipsis для усечения текста на моем сайте.Он отображается правильно в Firefox, но не отображается в IE;Я включил свой код и примеры его отображения в Firefox и IE ниже: 

.ellipsis {
    font-weight: bold;
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

Elippis on IE and Firefox

Ответы [ 2 ]

2 голосов
/ 10 февраля 2012

text-overflow было доступно , начиная с IE6 , поэтому вам не нужно использовать префикс поставщика Microsoft. Однако вам могут понадобиться эти расширения для Opera и Webkit в зависимости от того, что ваш сайт планирует поддерживать.

В какой версии Internet Explorer вы это тестируете?

Очевидно, что вы можете использовать плагин jQuery для этой же функции довольно легко, но вам не нужно, если IE - ваша единственная проблема, потому что, как уже было сказано, он должен поддерживать эту функцию.

Вот простое воспроизведение кода, который должен работать с использованием этой функциональности: 

<!DOCTYPE html>
<html>
<head>
    <title>text-overflow: ellipsis</title>
    <style type="text/css">
    .ellipsis { 
        height: 1.2em; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        white-space: nowrap; 
        width: 150px; 
    } 
    </style>
</head>
<body>
    <div class="ellipsis">
            This is a test of the less-than-emergency 
            broadcast system. This is only a test.
    </div>
</body>
</html>
0 голосов
/ 10 февраля 2012

Я нашел решение, потому что я использую тег, чтобы обернуть тег div, чтобы IE работал не очень хорошо.

Я переместил тег внутрь тега div, и он хорошо работает. Спасибо всем за помощь.

...