منع فاصل الأسطر في هذه الحالة

Question

أحاول منع انقطاع الأسطر في ملف HTML هذا

http://jsfiddle.net/DD3v8/

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

هل يمكن لأي شخص معرفة ما يحدث؟

شكرا لك مقدما

Answer 1

جرب هذا:

giveacodicetagpre.

التفسير بسيط: مع العائمة، لا يمكنك وضع عرض أكبر لحامل، وهو أكبر من ارتفاع صاحب الحامل، سينقطه تعويم تلقائيا، وكسر الخط.

إذا كنت تستخدم المواقف، فاستخدمها مثل هذا:

الحاوية (الوضع: قريب)
Subelement (Posision: مطلق، أعلى: 0، اليسار: 0) <ضع في الجزء العلوي الأيسر
subelement (posision: مطلق، أسفل: 0، اليمين: 0) <ضع في أسفل اليمين

في W3C: http://www.w3schools.com/css/css_pesitioning.aspph>

Answer 2

إذا فهمت مشكلتك بشكل صحيح، فأنت بحاجة إلى أن تكون قادرًا على تغيير حجم عرض النافذة دون الحاجة إلى انتقال النص وأيقونات "x" إلى الأسفل، كما يلي:

إزالة CSS من .title

min-width: 500px;

انظر الى هذا مثال كمان!