word-break - CSS

CSS property som bruges til at bestemme om ord skal brydes når teksten står over flere linjer

Introduktion

CSS word-break går ud på at bestemme hvordan ord skal brydes når der ikke er plads nok til at teksten kan stå på samme linje.

Altså om ordene må brydes eller om der kun må brydes ved mellemrums-tegnene mellem ordene.

Demo

Gør boksen eller browservinduet smallere og se hvordan teksten brydes ved den røde kant

hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? (word-break: normal)
hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? (word-break: break-all)
hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? hejsa hvad laver du æøå ÆØÅ 1234567890? (word-break: keep-all)
中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 (word-break: normal)
中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 (word-break: break-all)
中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 中国中国 中国中国 中国中国中国中国中国 中国中国 (word-break: keep-all)

Browserunderstøttelse af CSS word-break

Browser Word-break understøttelse CSS koder
Firefox logo
Firefox 20.0.1
ja break-all
keep-all
Opera logo
Opera 12.15
nej
Safari logo
Safari 5.1.7
ja break-all
Chrome logo
Chrome 25.0.1364.172 m
ja break-all
Internet Explorer logo
Internet Explorer 10.0.9200.16540
ja break-all
keep-all
Alle tests er udført på Windows 7 (64-bit)


Browserunderstøttelse fra caniuse.com :

Kode eksempel

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.