Overflow-wrap հատկություն
overflow-wrap հատկությունը թույլ է տալիս տեղափոխել
երկար բառի տառերը նոր տող, եթե
այդ բառը չի տեղավորվում կոնտեյների լայնության մեջ:
Շարահյուսություն
ընտրիչ {
overflow-wrap: break-word | normal;
}
Արժեքներ
| Արժեք | Նկարագրություն |
|---|---|
break-word |
Ստիպում է երկար բառերին տեղափոխվել նոր տող, եթե այդ բառը չի տեղավորվում կոնտեյներում: Այդ դեպքում բառը կսկսվի նոր տողից: |
normal |
Ստանդարտ վարքագիծ՝ եթե երկար բառը չի տեղավորվում կոնտեյների լայնության մեջ, այն պարզապես դուրս կգա նրա սահմաններից (այդ դեպքում այն կսկսվի նոր տողից): |
Լռելյայն արժեքը՝ normal:
Օրինակ . Normal արժեք
Այս օրինակում շատ երկար բառը չի տեղավորվի կոնտեյներում և դուրս կգա նրա սահմաններից (այդ դեպքում այն կսկսվի նոր տողից):
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
word-wrap: normal;
overflow-wrap: normal;
border: 1px solid red;
width: 200px;
}
:
Օրինակ . Break-word արժեք
Իսկ այժմ այն տառերը, որոնք չէին տեղավորվում, պարզապես կտեղափոխվեն հաջորդ տող (այդ դեպքում երկար բառը այնուամենայնիվ կսկսվի նոր տողից):
<div id="elem">
Lorem ipsum dolor sit amet
loooooooooooooooooooooooooooooooongword,
consectetur adipiscing elit.
</div>
#elem {
overflow-wrap: break-word;
border: 1px solid red;
width: 200px;
}
:
Տես նաև
-
word-breakհատկությունը,
որը նույնպես թույլ է տալիս տեղափոխել երկար բառի տառերը նոր տող -
word-wrapհատկությունը,
որը հանդիսանում է overflow-wrap հատկության հնացած անվանումը -
hyphensհատկությունը,
որը միացնում է բառերի տեղափոխումը վանկերով -
wbrպիտակը,
որը իրականացնում է փափուկ տեղափոխումներ HTML-ի միջոցով -
brպիտակը,
որի օգնությամբ կարելի է հարկադրաբար ստիպել տեքստը տեղափոխվել նոր տող