टीडी तत्व शब्द खिड़की को कम करने पर शब्द लपेटना - एचटीएमएल, एचटीएमएल-टेबल

मेरे पास एक टेबल है, जिसमें दो कॉलम होते हैंdivs, एक चित्र प्रदर्शित कर रहा है, और दूसरा प्रदर्शन पाठ, अगल-बगल। इसलिए प्रत्येक td दाईं ओर एक छवि के साथ आयताकार है और बाईं ओर (एक लाइन पर) पाठ के बगल में है। समस्या (जो सभी ब्राउज़रों में होती है) तब होती है जब मैं रखने के बजाय क्षैतिज ब्राउज़र का आकार छोटा करता हूं td चौड़ाई तय की गई और एक क्षैतिज स्क्रॉल पट्टी जोड़कर, यह पाठ को लपेट रहा है और इसे छवि के नीचे ले जा रहा है, इसलिए इसकी चौड़ाई सिकुड़ रही है td। निश्चित रहने के लिए मैं td चौड़ाई कैसे प्राप्त कर सकता हूंब्राउज़र की चौड़ाई की परवाह किए बिना? ओह और इसके प्रभावित होने की स्थिति में, दोनों डिवीजनों में सापेक्ष स्थिति होती है ताकि मैं td के भीतर उनकी स्थिति को थोड़ा समायोजित कर सकूं। इसके अलावा, मैं "td की चौड़ाई को ठीक कर सकता हूं क्योंकि प्रत्येक कॉलम की चौड़ाई पाठ के आधार पर थोड़ी भिन्न होनी चाहिए। धन्यवाद।"

<td>
<div style="display:inline;position:relative;">
<img src="/images/some_image.jpg" />
</div>
<div style="display:inline;position:relative;">
some short text
</div>
</td>

उत्तर:

जवाब के लिए 0 № 1

आप td में "nowrap" विशेषता जोड़ सकते हैं:

<td nowrap>

या इसके साथ शैली:

td {white-space:nowrap;}

जवाब के लिए 0 № 2

मूल रूप से आपकी समस्या इस सवाल में है कि "मैं td चौड़ाई को कैसे तय कर सकता हूं ... इसके अलावा, मैं" td की चौड़ाई को तब से ठीक कर सकता हूं ... ":)

वैसे भी, दो संभावित समाधान हैं जो मैं सोच सकता हूं।

  1. यदि आप जानते हैं कि आप तालिका की अधिकतम चौड़ाई क्या हैअनुमति देना चाहते हैं, आप इसे एक निश्चित चौड़ाई के साथ एक div में लपेट सकते हैं। इस तरह से आपके पृष्ठ का मुख्य भाग रैपिंग डिव की चौड़ाई से कम हो गया है, और इसलिए यह आपकी टेबल पर नहीं जाएगा।

  2. के बाद td की चौड़ाई को ठीक करने के लिए जावास्क्रिप्ट का उपयोग करेंपेज लोड हो गया है। इस तरह यह तय हो जाएगा कि इसकी सामग्री का विस्तार करने के लिए इसकी चौड़ाई कितनी होगी। आप ऑफसेट से संपत्ति से चौड़ाई प्राप्त करने में सक्षम होना चाहिए।


संबंधित सवाल
सबसे लोकप्रिय