2010-07-02 12 views
25

जांचें कि मुझे यह कितना दूर मिला है: [लिंक हटा दिया गया था] div ब्लॉक को भरने के लिए मैं हरे रंग के बटन से ऊपर टेक्स्टरेरा कैसे बना सकता हूं? मेरा मतलब है, टेक्स्ट ब्लॉक को बिल्कुल समान चौड़ाई को टिप्पणी ब्लॉक के रूप में कैसे बनाना है?div ब्लॉक को भरने के लिए textarea कैसे बनाएं?

+1

इसे 'चौड़ाई: 100% ' –

+2

देने का प्रयास करें यदि यह इतना आसान होगा। वैसे भी, जोड़ा गया। लिंक देखें। : पी – Rihards

+1

'चौड़ाई: 100%' इसे बहने का कारण बनता है। आप केवल चौड़ाई को 488px पर सेट कर सकते हैं, जो आपके अन्य बक्से की चौड़ाई है। मैंने यह देखने के लिए जांच नहीं की है कि यह क्यों बहती है - फिक्सिंग यह एक बेहतर समाधान हो सकता है। – Mike

उत्तर

42

कृपया http://css-tricks.com/box-sizing/

इसके लिए एक त्वरित समाधान है

textarea { 
    width: 100%; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    -moz-box-sizing: border-box; /* Firefox, other Gecko */ 
    box-sizing: border-box;   /* Opera/IE 8+ */ 
} 

स्थापित करने के लिए और यहाँ इस लेख जो CSS3 के बॉक्स आकार संपत्ति को लागू करता है का उल्लेख एक काम उदाहरण है जो लागू करता है बॉक्स आकार संपत्ति http://css-tricks.com/examples/BoxSizing/

कंटेनर div के भीतर समायोजित करने के लिए 99% या कुछ हद तक कम चौड़ाई का उपयोग करना, पहले से ही निराश हो चुका है।

+0

अच्छा और साफ समाधान, धन्यवाद! लेकिन "आईई 8 + का समर्थन करें: बॉक्स-साइजिंग" ... ध्यान दें कि मैंने दो साल पहले उपर्युक्त उत्तर लिखा था जब आईई 8 नवीनतम संस्करण था। और अब भी आपके पास अपने ग्राहकों के आधार पर XP + IE6 चल रहे बहुत से उपयोगकर्ता हो सकते हैं। – Vinz

+0

@ विंज़, आपकी चिंता के साथ यह सच है। हालांकि, मेरा मानना ​​है कि "पुराने ब्राउजर का उपयोग करना आपके लिए भुगतना है"। यदि आईई समर्थित नहीं है, तो इसकी आईई समस्या है, यह हमारी समस्या क्यों होनी चाहिए :) - – acpmasquerade

+0

@ विंज़, मुझे यकीन नहीं है कि आप इसके बारे में कैसा महसूस करते हैं, लेकिन ट्विटर से "बूटस्ट्रैप" शुरू करने के लिए एक शानदार मंच है आधुनिक दिनों के लिए इंटरफेस पर, और बेहतर होगा अगर हम इन बेहद अनुकूलित प्लेटफ़ॉर्म से सुविधाओं को आयात करने का प्रयास करें। – acpmasquerade

4

percents में textareas आयाम ठीक से काम किसी भी तरह कभी नहीं किया है, मैं एक ही समस्या साल पहले था और चौड़ाई का उपयोग कर समाप्त हो गया: 99% ....

मैं तुम्हें गोल आकर्षित करने के लिए पाठ क्षेत्र के चारों ओर एक div का उपयोग करने का सुझाव सीमा और textarea पर सीमा को हटा दें। इस तरह textarea की चौड़ाई सटीक होने की आवश्यकता नहीं है, आप 98% या 99% का उपयोग कर सकते हैं।

+1

ओह, ठीक है - लिंक की जांच करें। यह बहुत अच्छा काम करता है, लेकिन फिर भी मैं सोच रहा हूं कि कोई मेरे तरीके से पर्सेंट में आयामों को आयाम बनाने के तरीके को जानता है? – Rihards

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