دستاويزن ۽ مثالن لاءِ عام ٽيڪسٽ يوٽيلٽيز کي ڪنٽرول ڪرڻ، لفافي، وزن، ۽ وڌيڪ.
متن جي ترتيب
آساني سان متن جي ترتيب واري ڪلاسن سان اجزاء کي متن کي ترتيب ڏيو.
Ambitioni dedisse scripsisse iudicaretur. Cras Mattis iudicium purus sit amet fermentum. Donec sed odio operae، eu vulputate felis rhoncus. Praetera iter est quasdam res quas ex communi. تي nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras Mattis iudicium purus sit amet fermentum.
کاٻي، ساڄي ۽ وچ واري ترتيب لاءِ، جوابي ڪلاس موجود آهن جيڪي ساڳي ويوپورٽ چوٽي بريڪ پوائنٽس کي استعمال ڪن ٿا جيئن گرڊ سسٽم.
کاٻي سان ترتيب ڏنل متن سڀني ويو پورٽ سائيز تي.
وچ ۾ ترتيب ڏنل متن سڀني viewport جي سائزن تي.
سڄي ويوپورٽ سائيز تي ساڄي ترتيب ڏنل متن.
ڏسڻ واري بندرگاهن تي کاٻي ترتيب ڏنل متن ايس ايم (ننڍو) يا وسيع.
وييوپورٽس تي کاٻي ترتيب ڏنل متن MD (وچولي) يا ويڪر.
وييو پورٽ جي سائيز جي LG (وڏي) يا ويڪر تي کاٻي سان ترتيب ڏنل متن.
وييو پورٽ جي سائيز XL (اضافي-وڏي) يا ويڪر تي کاٻي پاسي واري متن.
ٽيڪسٽ ريپنگ ۽ اوور فلو
.text-wrapڪلاس سان متن لپي .
هن متن کي ڍڪڻ گهرجي.
ٽيڪسٽ کي .text-nowrapڪلاس سان لپائڻ کان روڪيو.
هي متن والدين کي اوور فلو ڪرڻ گهرجي.
ڊگھي مواد لاءِ، توھان ھڪ .text-truncateڪلاس شامل ڪري سگھو ٿا متن کي ڇنڊڇاڻ ڪرڻ لاءِ. گهربل display: inline-blockهجي يا display: block.
Praetera iter est quasdam res quas ex communi.
Praetera iter est quasdam res quas ex communi.
لفظ ٽوڙڻ
ٽيڪسٽ جي ڊگھي تارن کي ٽوڙڻ کان روڪيو پنھنجي اجزاء جي ترتيب کي ٽوڙڻ کان .text-break( overflow-wrap: break-word۽ word-break: break-wordIE ۽ Edge مطابقت لاءِ).