Html css

Word Breaks Without Hypenation Using CSS

Posted by Weston Ganger on March 31, 2016

I had some post titles with long file path names that needed to be wrapped but I did not want it to break lines without hypenation or screw up the layout.

CSS has a simple rule for this:


.my-title{
  word-break: break-word; //non-standard but most supported
  word-wrap: break-word; //correct but less supported
}

Works like a charm.


Related External Links:


Posted in HTML / CSS and Tagged with css 


Want me to help develop your next project or application?

Contact Us

Specializing in Ruby-on-Rails, Javascript, Multi-Platform Electron Desktop Apps and Hybrid Cordova Mobile Apps.

Recommended Posts