"लालची" टेबल सेल बनाएं?

Question

मेरे पास एक तालिका में एक पंक्ति है जिसमें मूल्य ए, बी, और सी के साथ 3 कोशिकाएं हैं और तालिका स्क्रीन की पूरी चौड़ाई है, जो सभी के लिए पर्याप्त कमरे से अधिक है 3. अभी, जब वे प्रदर्शित होते हैं , सभी कोशिकाओं को कमरे के 1/3 मिल रहे हैं, लेकिन यह वही नहीं है जो मैं चाहता हूं। मैं चाहता हूं कि दूसरी और तीसरी कोशिकाएं उनके "सही" आकार हों, और अंतर लेने के लिए पहला सेल। मैं सिर्फ उन पर चौड़ाई निर्धारित नहीं कर सकता क्योंकि वे गतिशील रूप से आकार में हैं। मैं यह कैसे कर सकता हूँ?

Answer 1

मैं Diodeus और रूण के तरीकों की कोशिश की, लेकिन यह मेरी उदाहरण के लिए काम नहीं किया। मैं कोशिकाओं बी और सी पर विलय कर रहा था क्योंकि मुझे वास्तव में कुछ भी नहीं मिला। आपकी सहायता के लिए धन्यवाद.

Answer 2

कोड एक और पिक्सल में सी और देना बी 100% की चौड़ाई

Answer 3

बस 100% के लिए तालिका के चौड़ाई सेट, 100% और बी और सी के लिए एक की चौड़ाई ऑटो करने के लिए। परीक्षण किया और काम

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A</td> 
     <td width="auto">BB</td> 
     <td width="auto">CCC</td> 
    </tr> 
</table> 

Answer 4

प्रयास करें,

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%" height="100" style="background:#ff0000; display:block">A</td> 
     <td width="100%" height="100" style="background:#00ff00; display:block">BB</td> 
     <td width="100%" height="100" style="background:#ff00ff; display:block">CCC</td> 
    </tr> 
</table> 

Answer 5

पिस्टोस की टिप्पणी के साथ रुने के जवाब ने मुझे करीब बंद कर दिया। अंतिम चरण में जोड़ने के लिए शैली = "white-space: nowrap" था गैर लालची कॉलम के लिए, दे रही है:

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A wide column</td> 
     <td style="white-space:nowrap">Compact column 1</td> 
     <td style="white-space:nowrap">Another compact column</td> 
    </tr> 
</table> 

वर्क्स मेरे लिए फ़ायरफ़ॉक्स 25 में