跑步 ”
×
改变方向
在 Codepen 上打开
更改主题，深色/浅色
<!DOCTYPE html> <html> <head><meta http-equiv="content-security-policy" content="script-src 'none'"> <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>
