многоточие с переполнением текста не отображается в браузерах IE и Edge, если у нас есть тег br - PullRequest
Новая
       14

многоточие с переполнением текста не отображается в браузерах IE и Edge, если у нас есть тег br

0 голосов
/ 05 декабря 2018

Я пытаюсь применить переполнение текста: многоточие, которое включает тег br в конкретном div.В chrome он работает нормально, а в браузере IE & Edge многоточия (...) не отображаются.Теги
будут добавлены динамически. Пожалуйста, смотрите скриншот проблемы в EDGE & IE 

<!DOCTYPE html>
<html>
<head>
<style> 


div.b {
    white-space: nowrap; 
    width: 150px; 
    overflow: hidden;
    text-overflow: ellipsis; 
    border: 1px solid #000000;
}


</style>
</head>
<body>


<h2>text-overflow: ellipsis:</h2>
<div class="b"> <b>Hello world!Hello world!Hello world!Hello world!</b> <br /> second line text: Helloworld!Helloworld!Hello world!Hello world!</div>



</body>
</html>

1 Ответ

0 голосов
/ 05 декабря 2018

Почему бы нам немного не изменить структуру, и она тоже будет работать в IE 

div.b{
  width: 150px; 
  border: 1px solid #000000;
}
div.b b, div.b p {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; 
  display:block;
  margin: 0;
}
<h2>text-overflow: ellipsis:</h2>
<div class="b"> 
  <b>
    Hello world!Hello world!Hello world!Hello world!
  </b> 
  <p>
    second line text: Helloworld!Helloworld!Hello world!Hello world!
  </p>
</div>
...