2012-08-16 5 views
19

में टेक्स्ट-एलाइन सही करें मेरे पास शैली के लिए एक टेबल है, मैं टेक्स्ट-एलाइन कैसे लागू कर सकता हूं: बाएं; बस पहले कॉलम और टेक्स्ट-एलाइन के लिए: दाएं; अन्य कॉलम के लिए?पहले कॉलम में टेक्स्ट-एलाइन को बाएं कैसे लागू करें और अन्य

यहां मेरी तालिका का उदाहरण।

http://jsfiddle.net/gianlucaguarini/hAv7P/

पल पाठ के अनुरूप सभी स्तंभों के लिए छोड़ दिया है पर

.table td, 
.table th 
{ 
    text-align:left; 
} 

#right, 
.table td + td, 
.table th + th 
{ 
    text-align:right; 
} 

यहाँ उदाहरण:: http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

+1

आप कृपया केवल प्रासंगिक भागों पर मार्कअप को कम करने और यहां इतने पर अपने कोड का हिस्सा सकता है? – PeeHaa

उत्तर

16

आप निम्न सीएसएस निर्दिष्ट करने की आवश्यकता मैंने आपकी पहेली को अपडेट किया है बस इस लिंक का पालन करें:

http://jsfiddle.net/hAv7P/9/

तुम सब करने की ज़रूरत है जो करने के लिए एक वर्ग को जोड़ने है यू चाहते गठबंधन और फिर बेला

+0

धन्यवाद, महान स्पष्टीकरण और प्रदर्शन – Koala7

+3

मैं इसे अपने रहस्यमय कोड के संग्रह में जोड़ने वाला हूं जो कि किसी भी तरह –

0

अरे मन्ना: http://jsfiddle.net/mWeYM/

आप आसन्न भाई बहन CSS चयनकर्ता के बारे में अधिक पढ़ सकते हैं

धन्यवाद

+0

पर काम करता है, मैंने थोड़ा गड़बड़ कर लिया है, मैं टैब में जानकारी को ठीक से संरेखित नहीं कर सकता। एक बार टैब गिरने के बाद मैं शीर्ष टैब में पूरी तरह से गठबंधन की जानकारी देखना चाहूंगा jsfiddle.net/mWeYM/2 – Koala7

18

आप :first-child छद्म वर्ग (W3C definition) को देखने के लिए चाहते हो सकता है के रूप में सीएसएस जोड़ने - यह वास्तव में ऐसी चीज है जिसे इसे डिजाइन किया गया था। आप इसे इस तरह इस्तेमाल कर सकते हैं:

.table td { 
    text-align: right; 
} 

.table td:first-child { 
    text-align: left; 
}​ 

:first-child छद्म वर्ग का मतलब चयनकर्ता केवल मेल खाता पहले <td> प्रत्येक <tr> में। यहाँ

उदाहरण: http://jsfiddle.net/xv5Cn/1/

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