x
<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>