×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

Word wrap overflow text

0
0
 
1
Language: CSS
Posted by: Lori DK
Added: May 15, 2017 5:28 PM
Views: 2332
Tags: css overflow text word-wrap
  1.   .resource {
  2.     /* These are technically the same, but use both */
  3.     overflow-wrap: break-word;
  4.     word-wrap: break-word;
  5.  
  6.     -ms-word-break: break-all;
  7.     /* This is the dangerous one in WebKit, as it breaks things wherever */
  8.     word-break: break-all;
  9.     /* Instead use this non-standard one: */
  10.     word-break: break-word;
  11.  
  12.     /* Adds a hyphen where the word breaks, if supported (No Blink) */
  13.     -ms-hyphens: auto;
  14.     -moz-hyphens: auto;
  15.     -webkit-hyphens: auto;
  16.     hyphens: auto;
  17.   }

Write a comment

To post comments, please log in or register.