14 augusti, 2012

Bryt långa ord med CSS3

CSS3 / Radbrytningar

Extremt långa ord har ofta en tendens till att krascha layouter när användare klistrar in text direkt, t.ex avancerade webbadresser med många parametrar. Med CSS3 kan man forcera radbrytningar snyggt och fint när texten slår i kanten på det omslutande objektet. Enkelt, smidigt och funktionellt!

.prevent-text-breakouts {
  -ms-word-break: break-all;
      word-break: break-all;
      word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}

© 2017 webbyrån Bobolo. All rights reserved.