CSS - właściwości word-break
word-break
| kod |
wynik kodu |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - text</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
div.one {
width: 200px;
padding: 5px;
background: yellow;
word-break: normal;
}
div.two {
width: 200px;
padding: 5px;
background: pink;
word-break: break-all;
}
div.three {
width: 200px;
padding: 5px;
background: aqua;
word-break: keep-all;
}
</style>
</head>
<body>
<div class="one">Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu.</div>
<div class="two">Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu.</div>
<div class="three">Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu. Koko-dżambo-i-do-przodu.</div>
</body>
</html>
|
|