html - Change position of a control in <tr> relative to other controls -
मुझे यह गुई मिल गया है:
लेकिन मैं यह चाहता हूं:
तस्वीर nr1 के लिए कोड:
& lt; tr & gt; & Lt; td colspan = "3" & gt; & Lt; एएसपी: लिस्ट बॉक्स आईडी = "tr_process_list" runat = "server" पंक्ति = "10" शैली = "चौड़ाई: 180px;" OnInit = "tr_process_list_init" SelectionMode = "एकाधिक" & gt; & Lt; / एएसपी: ListBox & gt; & Lt; एएसपी: बटन रनैट = "सर्वर" आईडी = "एडप्रोसेस" टेक्स्ट = "जोड़ें" OnClick = "addProcess_Click" / & gt; & Lt; asp: बटन runat = "server" आईडी = "हटाएँप्रक्रिया" पाठ = "निकालें" OnClick = "removeProcess_Click" / & gt; & Lt; एएसपी: लिस्ट बॉक्स आईडी = "tr_process_selectedlist" runat = "server" पंक्ति = "10" शैली = "चौड़ाई: 180px;" OnInit = "tr_process_selectedlist_init" ऑन-सिलेटेड इंडेक्स परिवर्तित = "tr_process_selectedlist_SelectedIndexChanged" ऑटोपोस्टबैक = "सच" & gt; & Lt; / एएसपी: ListBox & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; यह कैसे संभव है?
यदि आप एचटीएमएल, बटन के चारों ओर रैपिंग तत्व जोड़ें और निम्नलिखित सीएसएस का प्रयास करें।
चाल एक लपेटन तत्व जोड़ना है जो एक इनलाइन-ब्लॉक है। इनलाइन-ब्लॉक के भीतर, आप डिस्प्ले: ब्लॉक का इस्तेमाल कर सकते हैं बटन पर बाएं / दायां स्वतः मार्जिन के साथ उन्हें केंद्र में रख सकते हैं।
आप आवश्यकता के अनुसार सफेद स्थान को शैली में चौड़ाई या पैडिंग निर्दिष्ट कर सकते हैं।
यदि आपका textarea तत्व काफी लंबा है, तो आप लंबवत लेबल वर्टिकल-संरेखित: मध्य को दो textarea तत्वों और .inline-panel तत्व निर्दिष्ट करके
/ * बड़े पाठ क्षेत्र पैनलों के लिए उदाहरण * / td {बॉर्डर: 1px डॉट ग्रे; } टीडी टेटरारेआ {ऊंचाई: 200 पीएक्स; / * उदाहरण के लिए * / vertical-align: middle; } .इनलाइन-पैनल {सीमा: 1px बिंदीदार नीला; प्रदर्शन: इनलाइन-ब्लॉक; ऊर्ध्वाधर-पंक्ति: बीच; पाठ संरेखित करें: केंद्र; चौड़ाई: 8 एएम; / * वैकल्पिक * / पैडिंग-नीचे: 0em; / * वैकल्पिक * /} .इनलाइन-पैनल बटन {प्रदर्शन: ब्लॉक; मार्जिन: 10px ऑटो; / * Centering * /} & lt; तालिका & gt; & LT; टीआर & gt; & LT; टीडी & gt; & LT; पाठ क्षेत्र & gt; & lt; / पाठ क्षेत्र & gt; & Lt; div वर्ग = "इनलाइन-पैनल" & gt; & LT; बटन & gt; देखें & lt; / बटन & gt; & LT; बटन & gt; रीसेट & lt; / बटन & gt; & Lt; / div & gt; & LT; पाठ क्षेत्र & gt; & lt; / पाठ क्षेत्र & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / table & gt;
Comments
Post a Comment