Ограничаване на дължината на текста в връзка с помощта на CSS - тек блог

Това е дълъг заглавие ще се появи в две или повече линии.
Разумна възниква въпросът, как да отрежете текста, така че да пасне на един ред? Предлагам с помощта на малка код в CSS, ако искате, и не ми харесва факта, че сега надписа се появява в два реда.

Как да се намали дължината на низа показва на CSS

За да направи дори най-дългият текст се показва в един ред и допълнителните Писмата са отрязани в същото време, използвайте следните CSS стилове за блока, където ще се появи дълго име, което трябва да се скъсява:

Тук, бяло пространство на стойност nowrap отменя линия трансфер, препълване на стойност скрит крие ненужно и текст-преливник със стойност елипса вмъква многоточие в края. Последни стил Аз използвано за декорация и красота, той не е длъжен да реши нашия проблем.
Резултатът от примерни гранични стилове дължина низ описани по-горе:

Както можете да видите цялата прекрасна работа. Дълъг текст е отрязан и сега се побира на един ред.
Трябва да се отбележи, че дисплея код стил горния пример правилно само в браузъра поддържа CSS3 стандарти и HTML5. Въпреки това към момента на написването на тази статия, всички модерни браузъри отговарят на тези условия.

благодаря

Следните източници на са били използвани при написването на тази статия: