"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيفية منع النص من الالتفاف إلى خطوط متعددة في تطوير الويب؟

كيفية منع النص من الالتفاف إلى خطوط متعددة في تطوير الويب؟

نشر في 2025-04-30
تصفح:737

How Can I Prevent Text from Wrapping onto Multiple Lines in Web Development?

تقييد النص على سطر واحد

في تطوير الويب ، قد تواجه في بعض الأحيان الحاجة إلى منع النص من الالتفاف على خطوط متعددة. يمكن أن يكون هذا مفيدًا للحفاظ على جماليات تخطيطك أو لضمان عرض البيانات بطريقة مضغوطة. من خلال ضبط مساحة البيضاء على Nowrap ، يمكنك توجيه المتصفح إلى منع النص من اختراق خطوط متعددة.

div { الفضاء الأبيض: Nowrap ؛ }

تحكم في التدفق والارتفاع

div {
  white-space: nowrap;
}

div { الفضاء الأبيض: Nowrap ؛ الفائض: مخفي. }

اعتبارات التوافق

div {
  white-space: nowrap;
  overflow: hidden;
}
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3