НОВИНКА!
Занимательная математика от Трепачёва. Присоединяйтесь к нам!
⊗mkSpBsTC 9 of 128 menu

Обрезание текста в CSS

text-overflow

Сделайте див шириной 200px. Сделайте так, чтобы текст в этом диве не переходил на новую строку. Добавьте в див длинный текст, который не будет помещаться по ширине в этот блок. Проверьте то, что текст вылезет с правой части блока.

Модифицируйте предыдущую задачу так, чтобы в диве при вылезании текста появлялась горизонтальная полоса прокрутки.

Модифицируйте предыдущую задачу так, чтобы вылезающий по горизонтали текст обрезался.

Модифицируйте предыдущую задачу так, чтобы при обрезании текста ему в конец добавлялось троеточие.

Модифицируйте предыдущую задачу так, чтобы по наведению мышкой на див текст переставал выстраиваться в одну линию и див расширялся по высоте, вмещая весь текст.

Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить