के बीच दो विशेष <td> रों

अंतरिक्ष जोड़ें मैं एक मेज हैके बीच दो विशेष <td> रों

<tr> 
    <td>One</td> 
    <td>Two</td> 
    <td>Three</td> 
    <td>Four</td> 
</tr>

मैं कैसे <td> s 'दो' और 'तीन' अकेले के बीच कुछ जगह जोड़ सकते हैं?

स्रोत

2012-11-10 Shalin

सीएसएस पर पैडिंग सेट करें या टेक्स्ट दो के बाद '& # 160' (इसकी जगह) जोड़ें। –

सबसे आसान तरीका:

td:nth-child(2) { 
    padding-right: 20px; 
}

लेकिन यदि आप अपनी तालिका में पृष्ठभूमि रंग या छवियों के साथ काम करने की जरूरत काम नहीं करेगा।

td:nth-child(2) { 
    border-right: 10px solid transparent; 
    -webkit-background-clip: padding; 
    -moz-background-clip: padding; 
    background-clip: padding-box; 
}

यह सेल के अधिकार के लिए एक पारदर्शी सीमा देता है और पृष्ठभूमि रंग/छवि सीमा से दूर खींचती है, रिक्ति के भ्रम पैदा: उस मामले में, यहाँ एक से थोड़ा अधिक उन्नत समाधान (CSS3) है कोशिकाओं के बीच।

नोट: इसके लिए काम करने के लिए, मूल तालिका में border-collapse: separate होना चाहिए। यदि आपको border-collapse: collapse के साथ काम करना है तो आपको उसी तालिका को अगले तालिका कक्ष में लागू करना होगा, लेकिन बाईं तरफ, एक ही परिणाम को पूरा करने के लिए।

स्रोत

2012-11-10 06:59:36 Hubro

इस Demo

एचटीएमएल

<table> 
    <tr> 
     <td>One</td> 
     <td>Two</td> 
     <td>Three</td> 
     <td>Four</td> 
    </tr> 
</table>

सीएसएस

td:nth-of-type(2) { 
    padding-right: 10px; 
}

स्रोत

2012-11-10 07:01:16

सरल जवाब का प्रयास करें: इन दो टीडीएस एक शैली क्षेत्र दे।

<tr> 
<td>One</td> 
<td style="padding-right: 10px">Two</td> 
<td>Three</td> 
<td>Four</td> 
</tr>

साफ एक: उपयोग वर्ग के नाम

<tr> 
<td>One</td> 
<td class="more-padding-on-right">Two</td> 
<td>Three</td> 
<td>Four</td> 
</tr> 

.more-padding-on-right { 
    padding-right: 10px; 
}

परिसर एक: सीएसएस में वें वाले बच्चे चयनकर्ता का उपयोग करके और इन दो, जो आधुनिक ब्राउज़रों में काम करता है के लिए विशेष गद्दी मान निर्दिष्ट।

tr td:nth-child(2) { 
    padding-right: 10px; 
}

स्रोत

2012-11-10 07:01:43 xiaoyi

तकनीकी रूप से, यह अनुरोध के अनुसार 'td' तत्वों के बीच अंतर नहीं जोड़ता है, भले ही यह उनकी सामग्री को अलग करता है। इन अवधारणाओं के बीच अंतर प्रासंगिक है उदा। अगर कोशिकाओं में पृष्ठभूमि या सीमा सेट है। सभी कोशिकाओं के बीच अंतर निर्धारित किए बिना वास्तव में दो 'td' तत्वों के बीच अंतर सेट करने का कोई तरीका नहीं है। –

आप सही हैं। चूंकि दो विशेष टीडीएस के बीच कुछ अतिरिक्त जगह देने का कोई तरीका नहीं है, इसलिए यह एकमात्र चीज है जिसके साथ मैं आ सकता हूं। – xiaoyi

@ जुक्काका। कोर्पेला: कड़ाई से बोलना, सच। लेकिन व्यावहारिक रूप से मेरे समाधान को बोलने से आपके द्वारा बताए गए मुद्दों का समाधान होता है, नीचे दिए गए मेरे उत्तर पर नज़र डालें। – Hubro

आपको सेलपैडिंग और सेलस्पेसिंग सेट करना होगा।

<table cellpadding="5" cellspacing="5"> 
<tr> 
<td>One</td> 
<td>Two</td> 
<td>Three</td> 
<td>Four</td> 
</tr> 
</table>

स्रोत

2012-11-10 09:41:06

न केवल उस प्रश्न को नहीं करता है जो प्रश्न पूछता है, उन विशेषताओं का अब * उपयोग नहीं किया जाना चाहिए। –

मेरी पसंद एक दो td के बीच td टैग जोड़ने और width25px करने के लिए सेट करने के लिए किया गया था। यह आपकी पसंद के लिए कम या ज्यादा हो सकता है। यह चीज हो सकता है लेकिन यह आसान है और यह काम करता है।

स्रोत

2017-08-07 12:30:05 nik

के बीच दो विशेष <td> रों

उत्तर

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