ما هي ضوابط مربع النص السليمة؟

يمكنك إستخدام خاصيتين في CSS للأمر، أو يمكنك جعل الحاوي نفسه بدون طول محدد كما يظهر برد الاخوة عليك .

الأولى overflow على الحاوي النص، وذلك سيؤدي لإظهار Scroll داخل الصندوق للنزول لقراءة باقي النص ضمن الحاوي - الرمادي - نفسه .

overflow: auto;
height: 200px;

الثانية text-overflow على حاوي النص، والذي سيظهر فقط النص بحدود الحاوي بدون إظهار باقي النص أو Scroll لقرائته .

text-overflow: ellipsis;
height: 200px;

للإستزادة حول الخاصية الثانية :