wbr թեգը

wbr թեգը ցույց է տալիս այն տեղը, որտեղ բրաուզերը կարող է կատարել տողադարձ անհրաժեշտության դեպքում (եթե տեքստը չի տեղավորվում տարրի լայնության մեջ): Նման տողադարձերը կոչվում են մեղմ:

Չի պահանջում փակվող թեգ:

wbr թեգի միջոցով բառի տողադարձի դեպքում տողադարձի նշան "-" չի ավելացվում: Եթե այն ձեզ անհրաժեշտ է - օգտագործեք մեղմ տողադարձի նշանը  (կետ-ստորակետը վերջում պարտադիր է, սա տառասխալ չէ):

Մեղմ տողադարձը  ցույց է տալիս բրաուզերին այն տեղը, որտեղ այն կարող է կատարել բառի տողադարձ (անհրաժեշտության դեպքում), դնելով դրա համար տողադարձի նշան "-":

Մեղմ տողադարձերը  չեն աշխատի, եթե hyphens հատկությունը սահմանված է none արժեքով (իսկ տողադարձերը wbr թեգով կաշխատեն):

Օրինակ . Տեքստ առանց տողադարձերի

Դիտարկենք տեքստի նմուշ, որում կան երկար բառեր, որոնք դուրս են գալիս բլոկի սահմաններից: Բլոկին կտանք փոքր լայնություն, որպեսզի մեծ բառը դրա մեջ չտեղավորվի:

<div id="elem">
	this is supersupersuperlong text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Օրինակ . wbr թեգը

Այստեղ, եկեք ավելացնենք wbr թեգը այն տեղերում, որտեղ մենք առաջարկում ենք բրաուզերին կատարել բառի տողադարձ անհրաժեշտության դեպքում (ուշադրություն դարձրեք, որ բրաուզերը կկատարի տողադարձեր ոչ բոլոր այն տեղերում, որտեղ մենք նշել ենք):

<div id="elem">
	this is super<wbr>super<wbr>super<wbr>long text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Օրինակ .  նշանը

Փորձենք wbr թեգի փոխարեն դնել  նշանը: Տողադարձի տեղերում կցուցադրվեն դեֆիսներ:

<div id="elem">
	this is supersupersuperlong text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Տես նաև

br թեգը,
,
որը կատարում է տողադարձ նոր տող
hyphens հատկությունը,
որը սահմանում է բառերի իրական տողադարձներ
word-break և overflow-wrap հատկությունները,
որոնք թույլ են տալիս տողադարձել երկար բառի տառերը
overflow հատկությունը,
որը կտրում է բլոկի սահմաններից դուրս եկող մասերը

wbr թեգը

Օրինակ . Տեքստ առանց տողադարձերի

Օրինակ . wbr թեգը

Օրինակ . &shy; նշանը

Տես նաև

Օրինակ . նշանը