mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
Remove redundant overflow-wrap
property
While `overflow-wrap` is the more recommanded option, `word-wrap` alone has a wider support.
This commit is contained in:
parent
d5270cb811
commit
c7ce627ca8
@ -433,8 +433,8 @@ $utilities: map-merge(
|
||||
class: font,
|
||||
values: italic normal
|
||||
),
|
||||
"overflow-wrap": (
|
||||
property: overflow-wrap word-wrap, // word-wrap for IE & < Edge 18
|
||||
"word-wrap": (
|
||||
property: word-wrap,
|
||||
class: text,
|
||||
values: (break: break-word)
|
||||
),
|
||||
|
@ -45,7 +45,7 @@ Prevent text from wrapping with a `.text-nowrap` class.
|
||||
|
||||
## Word break
|
||||
|
||||
Prevent long strings of text from breaking your components' layout by using `.text-break` to set `overflow-wrap: break-word` (and `word-wrap: break-word` for IE & Edge compatibility).
|
||||
Prevent long strings of text from breaking your components' layout by using `.text-break` to set `word-wrap: break-word`. We use `word-wrap` instead of the more common `overflow-wrap` for wider browser support.
|
||||
|
||||
{{< example >}}
|
||||
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
|
||||
|
Loading…
Reference in New Issue
Block a user