तालिका कक्ष के कॉलम में लाइन-ब्रेक को कैसे रोकें (एक सेल नहीं)?

Question

मैं तालिका के कॉलम में स्वचालित लाइन ब्रेक को कैसे रोक सकता हूं (एक सेल नहीं)?

Answer 1

आप सीएसएस शैली सफेद स्थान का उपयोग कर सकते हैं:

white-space: nowrap; 

Answer 2

उपयोग nowrap शैली:

<td style="white-space:nowrap;">...</td> 

यह सीएसएस है!

Answer 3

<td style="white-space: nowrap"> 

nowrap विशेषता मुझे विश्वास है कि बहिष्कृत किया गया है। उपरोक्त पसंदीदा तरीका है।

Answer 4

ऐसा करने के कुछ तरीके हैं; उनमें से कोई भी आसान, स्पष्ट तरीका नहीं है।

सफेद-स्थान लागू करना: <col> पर अब्रैप काम नहीं करेगा; केवल चार सीएसएस गुण <col> तत्वों पर काम करते हैं - पृष्ठभूमि-रंग, चौड़ाई, सीमा, और दृश्यता। आईई 7 और पहले सभी गुणों का समर्थन करने के लिए प्रयोग किया जाता था, लेकिन ऐसा इसलिए है क्योंकि उन्होंने एक अजीब टेबल मॉडल का उपयोग किया था। आईई 8 अब हर किसी से मेल खाता है।

तो, आप इसे कैसे हल करते हैं?

ठीक है, अगर आप आईई (आईई 8 समेत) को अनदेखा कर सकते हैं, तो आप प्रत्येक पंक्ति से <td> एस का चयन करने के लिए :nth-child() छद्मक्लास का उपयोग कर सकते हैं। आप td:nth-child(2) { white-space:nowrap; } का उपयोग करेंगे। (यह इस उदाहरण के लिए काम करता है, लेकिन अगर आपके पास कोई पंक्ति या कॉलस्पैन शामिल था तो टूट जाएगा।)

यदि आपको आईई का समर्थन करना है, तो आपको हर <td> पर एक लंबा रास्ता तय करना होगा आप प्रभावित करना चाहते हैं। यह बेकार है, लेकिन वे तोड़ है।

लंबे समय तक, सीएसएस में इस कमी को ठीक करने के प्रस्ताव हैं, ताकि आप कॉलम में सभी कोशिकाओं को शैलियों को आसानी से लागू कर सकें। आप td:nth-col(2) { white-space:nowrap; } जैसे कुछ करने में सक्षम होंगे और यह वही करेगा जो आप चाहते हैं।

Answer 5

पूरा होने के खातिर:

#table_id td:nth-child(2) {white-space: nowrap;} 

the table_id तालिका के 2 स्तंभ के लिए एक शैली लागू करने के लिए किया जाता है।

यह सभी प्रमुख ब्राउज़रों द्वारा समर्थित है, आईई ने आईई 9 से इसका समर्थन करना शुरू कर दिया।

Answer 6

सामान्य रिक्त स्थान के बजाय आपके टेक्स्ट में गैर-ब्रेकिंग रिक्त स्थान रखें। उबंटू पर मैं इसे (कंपोज़ कुंजी)-स्पेस-स्पेस के साथ करता हूं।

Answer 7

पूरे तालिका में इसे लागू करने के लिए, आप इसे table टैग के भीतर जगह कर सकते हैं:

<table style="white-space:nowrap;">

Answer 8

<table class="blueTable"> 
    <tr> 
     <td>My name is good</td> 
    </tr> 
</table>  
table.blueTable td, table.blueTable th {border: 1px solid #AAAAAA;padding: 3px 2px;white-space: nowrap;text-align: left; 
} 

यह मान nowrap साथ सफेद स्थान संपत्ति का एक उदाहरण उपयोग है, bluetable है तालिका के नीचे, तालिका के नीचे, सीएसएस शैलियों