2013-02-11 8 views
6

मैं कैलेंडर बना रहा हूं। मेरे पास एक टेबल है जहां प्रत्येक <td> एक दिन है। मैं उस दिन के लिए सेल के भीतर घटनाओं की एक सूची प्रदर्शित करना चाहता हूं। मैं चाहता हूं कि प्रत्येक घटना पाठ की दो पंक्तियों के रूप में दिखाई दे, यदि पाठ क्षैतिज स्थान से अधिक लंबा है तो टेक्स्ट छुपाया जाना चाहिए।सफेद-स्थान: नाइट्रैप और ओवरफ़्लो: तालिका कक्ष के अंदर छिपा हुआ

मेरे पास एक सारणी है जिसमें एक चरणीय चौड़ाई है (यह मेरे सीएसएस में कहीं और अपने माता-पिता के width: 100%; पर सेट है)। http://jsfiddle.net/fZGyz/1/

समस्या आप देख सकते हैं कि के बावजूद width: 100%; और overflow: hidden; स्पष्ट रूप से सेट किया जा रहा, .eventSummary और .eventLocation के पाठ का विस्तार करने, जो कि मैं क्या नहीं करना चाहता तालिका मजबूर कर रहा है है:

यहाँ मेरी jsFiddle है।

क्या यह सीएसएस में "वर्तमान में संभव नहीं" समस्याओं में से एक है?

अद्यतन:

के रूप में वहाँ कोई अंडाकार है, और <li> पर कोई सीमा-सही छिपा हो जाएगा मैं साथ यह हैक कर सकते हैं और <td> पर overflow: hidden; की स्थापना ... यह अब के लिए करूँगा (हां, मूल समस्या अभी भी खड़ी है।

उत्तर

0

यह विस्तार कर रहा है क्योंकि चौड़ाई अपने माता-पिता के 100% (जो दस्तावेज़ का मुख्य भाग है) पर सेट है। इसलिए तालिका अपने बच्चों को फिट करने के लिए फैली हुई है। या तो तालिका को एक div में डालें एक निश्चित चौड़ाई है या तालिका की चौड़ाई तय करें।

0

आपके सभी मूल्य रिश्तेदार हैं, जो विस्तार लाता है। .eventSummary और .eventLocation के लिए आवश्यक अधिकतम-चौड़ाई सेट करने का प्रयास करें और प्रदर्शन सेट करना न भूलें: उनके लिए ब्लॉक करें।

संबंधित मुद्दे