سفاري الجدول / بكت أكثر من التي تديرها عند استخدام المسافات: بلا التفاف

Question

وجود قضية تقديم غريبة مع سفاري:

ولدي جدول داخل شعبة. داخل الجدول ولدي الكثير من لشعبة طرح نقاط. وبالتالي فإن العرض العادي هو كل من عناصر div داخل الدفتيريا مكدسة إلى اليسار حتى أن تملأ العرض، ثم تتدفق إلى السطر التالي، وهكذا دواليك. ذلك شيء من هذا القبيل:

|===========================|
|  |---------------------|  |
|  | XXX  XXX  XXX  XXX  |  |
|  | XXX  XXX            |  |
|  |                     |  |
|  |----------------------  |
|===========================|

وهذا يعمل في جميع المتصفحات باستثناء سفاري / بكت، حيث ينتهي بشيء من هذا القبيل:

|===========================|
|  |-------------------------------|
|  | XXX  XXX  XXX  XXX  XXX  XXX  |
|  |                               |
|  |-------------------------------|
|===========================|

تحديث: برزت أخيرا المشكلة: كان لي عناصر div الداخلية (و"XXX" ليالي) white-space: nowrap. على ما يبدو كان بكت عدم wrap'ing قائمة كاملة من عناصر div بدلا من تطبيق بلا التفاف داخل شعبة.

وكانت تلك واحدة في الملعب.

(وهذا كان علي القيام به مع عرض شيء: لا شيء)

Answer 1

وردا على سؤالي الخاصة:

وبرزت أخيرا المشكلة: كان لي عناصر div الداخلية (و"XXX" ليالي) أبيض الفضاء: بلا التفاف. كان بكت على ما يبدو عدم wrap'ing قائمة كاملة من عناصر div بدلا من تطبيق بلا التفاف داخل شعبة.

وكانت تلك واحدة في الملعب.

(وهذا كان علي القيام به مع عرض شيء: لا شيء)

Answer 2

والواقع، وسألت سؤالي أعلاه على حدة، ثم وجدت الحل مثل صبي الكبير:

وبدلا من استخدام البيض الفضاء: بلا التفاف، في هذه الحالة انها أكثر ملاءمة للذهاب مع العرض: مضمنة كتلة

ووCSS يحتاج إلى أن تتكيف هنا وهناك للتغيير، لكنه يعمل كما هو متوقع.

عناصر مع بلا التفاف تتعثر إلى العناصر المتجاورة في بكت