Здравейте). Аз продължавам да пиша за различни полезни свойства език CSS, един или друг начин може да помогне в оформлението. И днес аз искам да ви кажа как да го направя в CSS дума обвивка, ако те не могат да се поберат в контейнера. Аз ще ви покажа всичко на реален пример.
Включва прехвърляне на думи, които не се вместват
Да кажем, че имам един блок от 100 пиксела широчина и имам нужда от него, за да напишете някакъв текст. Текстът се натъква на думата "самостоятелно извличане". В този случай файлът, например), но не и същността. Word е много дълъг, то просто няма да се побере в ширината на контейнера. Нека да го напиша по такъв тесен единица (100 пиксела). Какво ще се случи?
Както можете да видите, лошата дума излезе извън контейнера, добре, че е къде да отидат, какво да се направи. И това е без отстъп. Така че, тук идва на помощ на думата обвивка собственост. Ето какво трябва да зададете на устройството, за да включите дума увийте го пише:
А доверието може да се предпише за повече и пълнеж (вата). Така че, след прилагане на свойствата ние виждаме, че думата е твърде дълъг, за да се извърши чрез буквите на друга линия. Освен това, дори ако на втория ред не е достатъчно за думата, останалата част от него ще бъде прехвърлена към третата и т.н.
Бих искала да отбележа, че имотът може да се използва безопасно. На първо място, сега тя работи перфектно в браузърите. На второ място, тя работи по умен. А именно, за всички нормални думи не се предават, няма да бъдат пренесени за цяла дума на следващия ред, така че да не се нарушава четливост. Можете да видите, че на тази снимка.
Кога да се използва думата обвивка
Всъщност, преди да съм видял 2 варианта на употреба. Първо - само за тесен блок, където се опасяват, че дълги думи не са приятни за да се измъкнем от границата на блок. Второ - това е, когато дизайнерът планиран така, че името на сайта е в няколко реда.
Така че, в тази статия, ние научихме как да се направи дума обвиване в CSS. На тази имам днес. Преди срещата.
Можете също така да се интересуват от
Свързани статии