Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <html> <head> <style> p.test1 { white-space: nowrap; width: 200px; border: 1px solid #000; overflow: hidden; text-overflow: clip; } p.test2 { white-space: nowrap; width: 200px; border: 1px solid #000; overflow: hidden; text-overflow: ellipsis; } </style> </head> <body> <h1>Свойство text-overflow</h1> <p>Следующие два параграфа содержат длинный текст, который не помещается в поле.</p> <h2>text-overflow: clip:</h2> <p class="test1">Это какой-то длинный текст, который не поместится в поле</p> <h2>text-overflow: ellipsis:</h2> <p class="test2">Это какой-то длинный текст, который не поместится в поле</p> </body> </html>
