Utilities for controlling the way words wrap within an element. Generally used for handling overflow of long strings that are actually supposed to be a single unbroken word, like URLs or file paths.
Use d-ww-normal to break words only at allowed break points.
<divclass="d-bgc-moderate d-py-100 d-px-200 d-bar-400 lg:d-w-350 d-w-500"><pclass="d-ww-normal">Here's an example sentence to show how word-wrap works. Thisisasignlewordtodenotethedifferencebetweenthedifferentwaytowrapaword. Vivamus ullamcorperatduiaultrices eu lobortis nulla, sed vulputate orci. 这是一个中文例句，以举例说明断字的工作方式。単語分割の動作の例を示す日本語のサンプル文は次のとおりです。다음은 단어 분리 작동 방식의 예를 제공하는 한국어 샘플 문장입니다.</p></div>
Use d-ww-break-word to allow unbreakable words to be broken. Is a more conservative approach than d-wb-break-all and will only break long words that do not fit the container.
<divclass="d-bgc-moderate d-py-100 d-px-200 d-bar-400 lg:d-w-350 d-w-500"><pclass="d-ww-break-word">Here's an example sentence to show how word-wrap works. Thisisasignlewordtodenotethedifferencebetweenthedifferentwaytowrapaword. Vivamus ullamcorperatduiaultrices eu lobortis nulla, sed vulputate orci. 这是一个中文例句，以举例说明断字的工作方式。単語分割の動作の例を示す日本語のサンプル文は次のとおりです。다음은 단어 분리 작동 방식의 예를 제공하는 한국어 샘플 문장입니다.</p></div>
Use d-ww-anywhere to break words at any point in the string (not just at allowed break points) to prevent long strings from overflowing their container.
<divclass="d-bgc-moderate d-py-100 d-px-200 d-bar-400 lg:d-w-350 d-w-500"><pclass="d-ww-anywhere">Here's an example sentence to show how word-wrap works. Thisisasignlewordtodenotethedifferencebetweenthedifferentwaytowrapaword. Vivamus ullamcorperatduiaultrices eu lobortis nulla, sed vulputate orci. 这是一个中文例句，以举例说明断字的工作方式。単語分割の動作の例を示す日本語のサンプル文は次のとおりです。다음은 단어 분리 작동 방식의 예를 제공하는 한국어 샘플 문장입니다.</p></div>
Use d-ww-initialto set this property to its default value.
<divclass="d-bgc-moderate d-py-100 d-px-200 d-bar-400 lg:d-w-350 d-w-500"><pclass="d-ww-initial">Here's an example sentence to show how word-wrap works. Thisisasignlewordtodenotethedifferencebetweenthedifferentwaytowrapaword. Vivamus ullamcorperatduiaultrices eu lobortis nulla, sed vulputate orci. 这是一个中文例句，以举例说明断字的工作方式。単語分割の動作の例を示す日本語のサンプル文は次のとおりです。다음은 단어 분리 작동 방식의 예를 제공하는 한국어 샘플 문장입니다.</p></div>
Use d-ww-inherit to inherit this property from its parent element.
<divclass="d-bgc-moderate d-py-100 d-px-200 d-bar-400 lg:d-w-350 d-w-500"><pclass="d-ww-inherit">Here's an example sentence to show how word-wrap works. Thisisasignlewordtodenotethedifferencebetweenthedifferentwaytowrapaword. Vivamus ullamcorperatduiaultrices eu lobortis nulla, sed vulputate orci. 这是一个中文例句，以举例说明断字的工作方式。単語分割の動作の例を示す日本語のサンプル文は次のとおりです。다음은 단어 분리 작동 방식의 예를 제공하는 한국어 샘플 문장입니다.</p></div>