Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<head>
<style>
div.test {
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
  border: 1px solid #000;
}
div.test:hover {
  overflow: visible;
}
</style>
</head>
<body>
<p>Наведите указатель мыши на два блока ниже, чтобы увидеть весь текст.</p>
<div class="test" style="text-overflow:ellipsis;">Это какой-то длинный текст, который не поместится в поле</div>
<br>
<div class="test" style="text-overflow:clip;">Это какой-то длинный текст, который не поместится в поле</div>
</body>
</html>