使用 break-normal 換行但維持單字完整性 | 點燈坊

若要維持一個單字完整性才換行，可使用 break-normal。

Version

Tailwind CSS 2.0.3

break-normal

維持一個單字完整才換行。

<template>
  <div class="break-normal">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium atque deleniti doloribus ipsam labore magni quidem vero. Aut blanditiis dignissimos expedita in, labore mollitia nemo pariatur ratione. Dolores dolorum, quod?
  </div>
</template>

• break-normal：以正常方式換行，也就是會維持一個單字完整性

Conclusion

• break-normal 與一般英文使用習慣相同

Reference

Tailwind CSS, break-normal