root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Use word-wrap in .text-break for IE and Edge compatibility.

This commit is contained in:
Florian Lacreuse 2019-08-29 10:41:17 +02:00 committed by Martijn Cuppens
parent 27cc792615
commit d5270cb811
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_utilities.scss
View File

@ -434,7 +434,7 @@ $utilities: map-merge(
values: italic normal values: italic normal
), ),
"overflow-wrap": ( "overflow-wrap": (
property: overflow-wrap word-break, // word-break for IE & < Edge 18 property: overflow-wrap word-wrap, // word-wrap for IE & < Edge 18
class: text, class: text,
values: (break: break-word) values: (break: break-word)
), ),

2
scss/mixins/_reset-text.scss
View File

@ -1,6 +1,6 @@
@mixin reset-text { @mixin reset-text {
font-family: $font-family-base; font-family: $font-family-base;
// We deliberately do NOT reset font-size or word-wrap. // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.
font-style: normal; font-style: normal;
font-weight: $font-weight-normal; font-weight: $font-weight-normal;
line-height: $line-height-base; line-height: $line-height-base;

2
site/content/docs/4.3/utilities/text.md
View File

@ -45,7 +45,7 @@ Prevent text from wrapping with a `.text-nowrap` class.
## Word break ## Word break
Prevent long strings of text from breaking your components' layout by using `.text-break` to set `overflow-wrap: break-word` (and `word-break: break-word` for IE & Edge compatibility). 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).
{{< example >}} {{< example >}}
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p> <p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>