मैं कैलेंडर बना रहा हूं। मेरे पास एक टेबल है जहां प्रत्येक <td>
एक दिन है। मैं उस दिन के लिए सेल के भीतर घटनाओं की एक सूची प्रदर्शित करना चाहता हूं। मैं चाहता हूं कि प्रत्येक घटना पाठ की दो पंक्तियों के रूप में दिखाई दे, यदि पाठ क्षैतिज स्थान से अधिक लंबा है तो टेक्स्ट छुपाया जाना चाहिए।सफेद-स्थान: नाइट्रैप और ओवरफ़्लो: तालिका कक्ष के अंदर छिपा हुआ
मेरे पास एक सारणी है जिसमें एक चरणीय चौड़ाई है (यह मेरे सीएसएस में कहीं और अपने माता-पिता के width: 100%;
पर सेट है)। http://jsfiddle.net/fZGyz/1/
समस्या आप देख सकते हैं कि के बावजूद width: 100%;
और overflow: hidden;
स्पष्ट रूप से सेट किया जा रहा, .eventSummary
और .eventLocation
के पाठ का विस्तार करने, जो कि मैं क्या नहीं करना चाहता तालिका मजबूर कर रहा है है:
यहाँ मेरी jsFiddle है।
क्या यह सीएसएस में "वर्तमान में संभव नहीं" समस्याओं में से एक है?
अद्यतन:
के रूप में वहाँ कोई अंडाकार है, और <li>
पर कोई सीमा-सही छिपा हो जाएगा मैं साथ यह हैक कर सकते हैं और <td>
पर overflow: hidden;
की स्थापना ... यह अब के लिए करूँगा (हां, मूल समस्या अभी भी खड़ी है।