2012-01-06 21 views
8

मैं वेलिजन बनाम निम्न कोड के साथ संदर्भ में HTML में पाठ के अनुरूप के बीच अंतर को समझ नहीं सकता:वेलिजन बनाम HTML में पाठ के अनुरूप

<table width="500" border="0"> 
    <tr> 
     <td colspan="2" style="background-color:#FFA500;"> 
    <h1>Main Title of Web Page</h1> 
    </td> 
     </tr> 

    <tr valign="top"> 
     <td style="background-color:#FFD700;width:100px;text-align:top;"> 
     <b>Menu</b><br /> 
    HTML<br /> 
     CSS<br /> 
    JavaScript 
    </td> 
    <td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;"> 
     Content goes here</td> 
    </tr> 

    <tr> 
    <td colspan="2" style="background-color:#FFA500;text-align:center;"> 
    Copyright © 2012</td> 
    </tr> 
    </table> 

उत्तर

9

टेक्स्ट-संरेखण के लिए उचित मान शेष हैं | दाएं | केंद्र | क्षैतिज के रूप में उचित ठहराना, जबकि वैल्यूइन लंबवत है, इसलिए यह शीर्ष | मध्य | नीचे | आधार रेखा है। आप दोनों पर उत्तराधिकारी का भी उपयोग कर सकते हैं।

प्लस, टेक्स्ट-एलाइन सीएसएस है जबकि वैल्यूइन एक HTML विशेषता है। मुझे लगता है कि संरेखण HTML-पाठ के बराबर है, जबकि लंबवत-संरेखण वैल्यूइन के बराबर है।

http://www.w3schools.com/cssref/pr_text_text-align.asp

http://www.w3schools.com/tags/att_td_valign.asp

आप पाठ के अनुरूप स्विच करते हैं "नीचे" करने के लिए, आप के रूप में नीचे पाठ के अनुरूप के लिए मान्य नहीं है इसे स्थानांतरित नहीं है पर ध्यान देंगे। डिफ़ॉल्ट (मुझे लगता है) शीर्ष है। यदि आप "लंबवत-संरेखण: नीचे" डालते हैं, तो यह नीचे जायेगा।

एक सरल वेब खोज आप ये उत्तर मिल जाएगा ...

+0

धन्यवाद ... महान जवाब !! – sandbox

3

text-align सीएसएस और शैलियों में क्षैतिज संरेखित के लिए है , जहां vertical-align ऊर्ध्वाधर संरेखण के लिए है। फिर हमारे पास align="center"valign="top" एक ही उद्देश्य के लिए HTML में संवाददाता विशेषताएं हैं।

एचटीएमएल और सीएसएस के बारे में और पढ़ें, यह मेरा सुझाव है।

+2

हम्म तो SO केवल विशेषज्ञों के लिए है? मुझे लगता है कि यह क्यू शायद एक अरब बार पूछा गया है जो लोगों को बकरी –

+0

नहीं मिलता है, लेकिन एचटीएमएल और सीएसएस के लिए यह सामान्य सवाल है, जिसे आप वेब पर लगभग कहीं भी पा सकते हैं। ** ** ** संरेखित **, ** valign **, ** टेक्स्ट-संरेखण **, ** Google में लंबवत-संरेखित ** खोज करने का प्रयास करें। निश्चित रूप से, आपको पहले पृष्ठ पर सटीक परिभाषाएं दिखाई देगी। यहां विचार, साझा समस्याओं और संबंधित समाधानों को साझा करना है, जहां तक ​​मुझे यह मिलता है, एक विश्वकोष नहीं। – Rolice

0

वैल्यूइन सभी तत्वों को लंबवत रूप से संरेखित करेगा, जबकि पाठ-संरेखण विशेष रूप से पाठ के लिए है।

+0

और सामग्री बदल दी। –

13

valign (एचटीएमएल विशेषता) सीएसएस में vertical-align के बराबर है

align (एचटीएमएल विशेषता) सीएसएस में text-align के बराबर है

एचटीएमएल विशेषता संस्करणों सीएसएस

vertical-align के पक्ष में पदावनत कर रहे हैं पद ब्लॉक तत्व (उदाहरण के लिए div) अन्य ब्लॉक तत्वों के अंदर लंबवत

text-align पदों इनलाइन तत्वों (उदा। क्षैतिज ब्लॉक तत्वों के अंदर span, डिफ़ॉल्ट पाठ) क्षैतिज रूप से ब्लॉक तत्वों के अंदर

+0

'लंबवत-संरेखण पद ब्लॉक तत्व' - यह गलत कथन है। यह लंबवत इनलाइन तत्वों को स्थिति देता है। –

0

text-align के लिए top का मान समर्थित नहीं है (केवल left | center | right | justify | start | end) .. तो यह है कि तुम क्या यह उम्मीद ...

नहीं करता है

text-alignMDN docs संपत्ति क्षैतिज संरेखण के लिए है।

खड़ी संरेखित आप अपने उदाहरण में गवाह tr तत्व की valign="top" संपत्ति की वजह से है।

valign पर http://jsfiddle.net/gaby/PvtAU/ पर अपना उदाहरण देखें और आप इसे देखेंगे।

valign केवल trMDN docs और tdMDN docs तत्वों के लिए मान्य है, और HTML 4.01 में बहिष्कृत है और HTML5 में अप्रचलित है।
उपयोग vertical-alignMDN docs बजाय ..

0

text-align: top; का मान मान्य सीएसएस नहीं है, text-align क्षैतिज, ऊर्ध्वाधर नहीं है। यह वह जगह है जहां valign="top" खेल में आता है। valign="left" में डालने से text-align: top; मान्य नहीं है मान्य है। valign ऊर्ध्वाधर है।

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