2012-03-30 20 views
18

मैं एक मेज है में सीमा रिक्ति हटाने के तरीके, पहली पंक्तितालिका

तरह
<tr> 
<th>1</th> 
<th>2</th> 
</tr> 

मैं एक काले रंग की पृष्ठभूमि "वें" करने के लिए रखा है। अब 1 और 2 कोशिकाओं के बीच उन्हें अलग करने/... मैं स्रोत कोड में एक नज़र था सीमा के कुछ प्रकार है और मुझे लगता है मैं कुछ पाया लगता है:

border-collapse: separate; 
border-spacing: 2px; 

यह सीएसएस कोड "उपयोगकर्ता के रूप में स्रोत कोड में सूचीबद्ध है एजेंट स्टाइलहेटेबल "और अगर यह समस्या है, तो मैं परीक्षण करने के लिए इसे सक्षम/अक्षम नहीं कर सका, लेकिन मैंने कोशिश की और उसी कोड को जोड़ा लेकिन" कोई नहीं "और" 0 "पैरामीटर के साथ लेकिन यह न तो मदद करता है ...

क्या कोई मेरी मदद कर सकता है और मुझे मार्गदर्शन कर सकता है कृपया सीमा से कहां है?

उत्तर

32

आपका तालिका डिफ़ॉल्ट रूप से नीचे की तरह हो सकता है और टेबल आईडी या वर्ग

<table border="0" cellspacing="0" cellpadding="0"> 
<tr> 
    <th>1</th> 
    <th>2</th> 
</tr> 
</table> 

सीएसएस पर सीएसएस नियम निर्धारित:

border-collapse: collapse; 
+0

धन्यवाद, यह टेबल गुणों में "सेलस्पेसिंग =" 1 "था, इसलिए मैंने इसे" 0 "में बदल दिया, मेरा बुरा) सहायता –

+0

के लिए धन्यवाद मुझे [' normalize.css'] (http: // necolas] का उपयोग करना पड़ा। github.io/normalize.css/) अंत में क्रोम को अपने 'इनपुट' तत्वों के आस-पास' 2px' 'मार्जिन 'जोड़ने को रोकने के लिए। – Lankymart

+0

क्या होगा यदि आप अभी भी सीमाएं चाहते हैं? लेकिन उनके बीच कोई पैडिंग नहीं है? – SuperUberDuper

8

सेट अपनी मेज पर एक CSS नियम:

table { 
    border-collapse: collapse; 
} 

आप इस jsFiddle example पर जाएँ और देखें कि यह कैसे तालिका के लेआउट में परिवर्तन को अलग करने के ढहने से सीमा-पतन संपत्ति बदल सकते हैं। border-collapse property केवल पतन, अलग, या विरासत में हो सकता है।

+0

धन्यवाद का प्रयास करें, यह "cellspacing =" 1 था "तालिका गुण में, तो मैं इसे बदल करने के लिए" 0 ", मेरा बुरा) मदद –

5

border-collapse: none अमान्य है। border-collapse: collapse आज़माएं।

+0

धन्यवाद के लिए धन्यवाद, यह तालिका गुणों में "cellpacing =" 1 "था, इसलिए मैंने इसे" 0 "में बदल दिया, मेरा बुरा) –

+1

yw मदद के लिए धन्यवाद। अपनी सीएसएस फ़ाइलों में स्टाइल और रिक्ति रखना सबसे अच्छा है। सेलस्पेसिंग और सीमा-पतन का एक ही परिणाम है। सीएसएस को सामग्री के स्वरूपण को छोड़ दें। – cp3

1

आप उपयोग कर सकते सीमा पतन। सीमा-पतन संपत्ति यह निर्धारित करती है कि तालिका सीमाएं एक ही सीमा में ध्वस्त हो गई हैं या मानक HTML में अलग हैं।

http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm से:

सीएसएस 2 में ध्वस्त हो गई सीमा मॉडल, प्रावधान जहां सीमाओं सन्निकट कक्षों के लिए निर्दिष्ट मामलों को निपटाने के लिए किया जाता है अलग हैं और संघर्ष में हैं:

  1. किसी भी साझा सीमा तो एक घटक है जहां 'सीमा' को किसी भी साझाकरण सदस्यों के लिए "hidden" पर सेट किया गया है, आम सीमा को बिना शर्त रूप से "hidden" पर सेट किया जाना चाहिए।

  2. किसी भी साझा सीमा एक घटक है जहां 'border' "कोई नहीं" के लिए सेट है है, यह किसी भी अन्य सीमा साझा एक renderable 'बॉर्डर' संपत्ति के मूल्य को ले जाने के सदस्य द्वारा अधिरोहित जा सकता है।

  3. यदि सभी सीमा-साझा करने वाले सदस्य सीमा घटक के लिए "कोई नहीं" का मान निर्दिष्ट करते हैं, तो तभी सीमा को "none" पर सेट किया जाएगा।

  4. एक साझा सीमा एक 'border-width' विवाद, (बेशक "hidden" का एक 'सीमा' मान होने कोई घटक के साथ है, तो सबसे बड़ा सीमा-चौड़ाई रेंडर किया जाना चाहिए।

  5. एक साझा सीमा एक 'सीमा शैली' विवाद है, तो सुझाव प्राथमिकता इस्तेमाल किया जाना चाहिए (बाएं से दाएं घटते): "double" "solid", "dashed", "dotted", "ridge "," outset "," groove "," inset। "

  6. यदि किसी साझा सीमा में 'सीमा-रंग' विवाद होता है, तो सुझाई गई प्राथमिकता का उपयोग किया जाना चाहिए (बाएं से दाएं से घटना): तालिका कक्ष, तालिका पंक्ति, पंक्ति समूह, कॉलम, कॉलम समूह, तालिका।

    table 
        { 
        border-collapse:collapse; 
        } 
    

नोट

  1. में "सीमा ढह" मॉडल प्रतिपादन, 'सीमा शैली' "इनसेट" का मान "नाली", और "शुरू" बर्ताव की तरह बर्ताव "रिज" की तरह
  2. सीएसएस 2 ने निर्दिष्ट किया कि इस संपत्ति के लिए प्रारंभिक मूल्य "पतन" था। चूंकि मोज़िला और ओपेरा ऐसा व्यवहार करते हैं कि प्रारंभिक मान "अलग" है, सीएसएस 2.1 अब आधिकारिक प्रारंभिक मूल्य "अलग" बनाता है।