значения свойства:
div {
width
:
300px
;
height
70px
border
1px
solid
#8E8E8E
}
.a {
word-break:
normal
.c {
white-space
pre
div { width: 300px; height: 70px; border: 1px solid #8E8E8E; } .a { word-break: normal; } .c { white-space: pre; }
<!DOCTYPE html>
<
html
>
head
meta
charset
=
"utf-8"
/>
title
>New Page</
link
href
"css/style.css"
rel
"stylesheet"
script
type
"text/javascript"
src
"https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
></
</
body
div
class
"a"
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
br
id
"div1"
"b"
/*JavaScript*/
document.getElementById("div1").style.wordBreak = "break-all";
/*jQuery*/
$(document).ready(function () {
$(".b").css({ "word-break": "hyphenate" });
});