Властивість CSS word-wrap використовується для розбиття довгих слів і переносу на наступний рядок. Ця властивість використовується для запобігання переповненню, коли нерозривний рядок надто довгий, щоб поміститися в контейнері. Ця властивість визначає розриви в слові, щоб уникнути переповнення, коли слово занадто довге, щоб поміститися в контейнер.
Нижче наведено два способи обернути вміст <td> комірки таблиці за допомогою CSS:
- Використання властивості переносу слів: Ця властивість використовується, щоб дозволити довгим словам розриватися та переноситися на наступний рядок.
- Використання властивості розриву слова: ця властивість використовується, щоб вказати, як розривати слово, коли воно досягає кінця рядка.
Щоб текст елемента переносився на кілька рядків за допомогою HTML і CSS, ви можете використовуйте властивість CSS word-wrap: break-word; або overflow-wrap: break-word; Це дозволить довгим словам розриватися та переноситися на наступний рядок у вказаному елементі, запобігаючи їх переповненню контейнера.
Змусити речі загортати, коли вони занадто широкі, додайте властивість flex-wrap зі значенням wrap або використовуйте скорочений flex-flow зі значеннями row wrap або column wrap . Після цього елементи будуть перенесені на нові рядки, коли вони переповнять свій контейнер.
За допомогою TinyMCE можна налаштувати оболонку CSS, а потім створити власний параметр стилю. Ви можете вибрати в інтерфейсі TinyMCE застосування оболонки CSS без необхідності редагувати HTML або CSS. Параметр «Формат стилю» робить можливим обтікання вмісту CSS.