2011-07-15 5 views
7

में तालिका की टी ऊंचाई को नियंत्रित करने के लिए कैसे मैं तालिका में प्रत्येक tr के बीच सफेद स्थान को कम करने का प्रयास करता हूं।सीएसएस

मैंने "table id='recTable' cellspacing=\"0\" cellpadding=\"0\"" सेट किया है, जिसका अर्थ है कि प्रत्येक tr (पुष्टि) के बीच कोई जगह नहीं है। तो मुझे केवल इतना करना है कि tr की ऊंचाई कम हो।

मैंने ऐसा करने के लिए "height:40px;" का उपयोग किया, लेकिन यह काम करता है, कोई बदलाव नहीं करता है।

यह हमेशा 70px height दिखाता है। लेकिन अगर मैंने "height:100px;" जैसी बड़ी ऊंचाई तय की है, जो ऊंचाई 70px से अधिक है, तो यह मेरे द्वारा निर्धारित ऊंचाई पर बदल जाएगी।

मैं यह कैसे कर सकता हूं?

+0

http://stackoverflow.com/questions/2092696/how-to-fix-height-of-tr – Jawad

+1

positing से पहले खोज करें! – Jawad

उत्तर

10

आप इसे अपने सीएसएस में स्पष्ट रूप से सेट कर सकते हैं। उदाहरण के लिए:

table#recTable{width:100%; border:1px solid red;} 
#recTable tr td {height:40px; border:1px solid red;} 

एचटीएमएल

<table id="recTable"> 
    <tr><td>Something</td></tr> 
    <tr><td>Something else</td></tr> 
</table> 

http://jsfiddle.net/jasongennaro/qXpLM/

बॉर्डर्स सिर्फ उदाहरण

5

आपको अपने टीडी के भीतर या टीएच की ऊंचाई या रेखा-ऊंचाई सेट करने की आवश्यकता है।

+0

मेरे मामले में मुझे यह काम करने के लिए दोनों सेट करना पड़ा। – arlomedia

1

यह टीडी तत्व के अंदर एक div तत्व है और div तत्व की ऊंचाई तय करने के लिए बेहतर है के लिए । यह मेरे लिए काम किया।

<tr> 
    <td> 
     <div style="max-height:92px;"> 
     <span style="color: #992222; font-size:36pt;font-family:Arial Baltic;"> 
     "  </span> 
     </div> 
    </td> 
</tr> 
+1

क्या मैं पूछ सकता हूं कि यह क्यों कम हो गया था? कोशिकाओं के अंदर एक div डालने का समाधान कई के लिए काम किया। बस ऊपर प्रस्तावित ऊंचाई को स्टाइल करना, सामग्री को टीडी का विस्तार करने से नहीं रोकता है (जेसन गेनेरो के बेड़े को देखें)। –