मैं एक टेबल कॉलम को सभी अतिरिक्त क्षैतिज स्थान कैसे भरूं?

मेरे पास एक HTML तालिका है जिसमें 3 कॉलम हैं। इसकी 600px की निश्चित चौड़ाई है।मैं एक टेबल कॉलम को सभी अतिरिक्त क्षैतिज स्थान कैसे भरूं?

<table> 
    <tr> 
    <td>Name</td> 
    <td>Qty</td> 
    <td>Actions</td> 
    </tr> 
</table>

मैं मात्रा और कार्रवाइयां कॉलम उपलब्ध स्थान के बाकी को लेने के लिए और नाम स्तंभ (एक पंक्ति के लिए सामग्री रखने के लिए) संभव के रूप में छोटे होना चाहता हूँ। सामग्री/फ़ॉन्ट आकार के आधार पर मात्रा और क्रिया कॉलम परिवर्तन का आकार इतना निश्चित चौड़ाई इस मामले में काम नहीं करेगा।

क्या एचटीएमएल/सीएसएस में ऐसा करने का कोई तरीका है? या यह कुछ है जिसके लिए मुझे जावास्क्रिप्ट को तोड़ने की ज़रूरत है?

स्रोत

2011-08-21 gsteinert

क्या आपने अब्रैप का उपयोग करने का प्रयास किया? http://www.w3schools.com/tags/att_td_nowrap.asp। ध्यान दें कि विशेषता को बहिष्कृत किया गया है, और सीएसएस के साथ प्रयोग किया जाना चाहिए, जैसा निर्दिष्ट किया गया है –

यह मेरी मुख्य समस्या को हल नहीं करता है, जो कि अन्य दो कोशिकाएं बहुत व्यापक थीं, बहुत संकीर्ण नहीं थीं। लेकिन रंता के जवाब के साथ, यह वही है जो मैं ढूंढ रहा हूं, धन्यवाद – gsteinert

आप उस कॉलम पर चौड़ाई = "99%" लागू कर सकते हैं। उदाहरण के लिए:

<table> 
    <tr> 
    <td width="99%">Name</td> 
    <td>Qty</td> 
    <td>Actions</td> 
    </tr> 
</table>

स्रोत

2011-08-21 13:54:20 Ranta

यह बहुत अच्छा काम करता है, जब तक कि मैं अन्य कोशिकाओं पर अब्रैप का उपयोग करता हूं। मैं अब इसके बारे में सोचने के लिए थोड़ा बेवकूफ महसूस करता हूँ। धन्यवाद – gsteinert

चौड़ाई विशेषता को भी बहिष्कृत किया गया है, और इसके बजाय सीएसएस का उपयोग किया जाना चाहिए: http://www.w3schools.com/tags/att_td_width.asp –

फ़ायरफ़ॉक्स में ठीक काम करता है। वेबकिट ब्राउज़र में, यह उन छवियों को स्क्वैश करेगा जिनके पास चौड़ाई सेट स्पष्ट रूप से नहीं है। – Arcolye

आप अधिकतम चौड़ाई का उपयोग कर सकते हैं: 99%; पहले कॉलम पर और अन्य कॉलम पर निश्चित आकार दें (मैंने पिक्सेल आकार के स्तंभों का उपयोग किया)।

<table style="width: 100%;"> 
    <tr> 
    <td style="max-width: 99%"> 
     Will max 
    </td> 
    <td style='width:110px;'> 
     fixed size here 
    </td> 
    </tr> 
</table>

स्रोत

2014-05-20 14:13:12

मैं एक टेबल कॉलम को सभी अतिरिक्त क्षैतिज स्थान कैसे भरूं?

उत्तर

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