2008-10-01 12 views
7

से खींचते समय HTML में व्हाइटस्पेस प्रदर्शित करना मैंने एक टेक्स्टरेरा तत्व से इनपुट को MySQL में टेक्स्ट कॉलम में सहेजा है। मैं उस डेटा को डेटाबेस से बाहर खींचने के लिए PHP का उपयोग कर रहा हूं और इसे पी तत्व में प्रदर्शित करना चाहता हूं, जबकि उपयोगकर्ता ने दर्ज किया गया व्हाइटस्पेस दिखाया है (उदा। एकाधिक रिक्त स्थान और न्यूलाइन)। मैंने एक पूर्व टैग की कोशिश की है लेकिन यह युक्त div तत्व में चौड़ाई सेट का पालन नहीं करता है। रिक्त स्थान को & nbsp और ब्रांड्स के लिए नई लाइनों में कनवर्ट करने के लिए एक PHP फ़ंक्शन बनाने के अलावा, मेरे विकल्प क्या हैं? मैं एक स्वच्छ एचटीएमएल/सीएसएस समाधान पसंद करूंगा, लेकिन किसी भी इनपुट का स्वागत है! धन्यवाद!MySQL टेक्स्ट कॉलम

+0

क्या
करने के लिए रिक्त स्थान और नई-पंक्तियों में परिवर्तित करने के साथ गलत क्या है? –

+0

बस व्यक्तिगत प्राथमिकता - ऐसा लगता है कि एक HTML/CSS समाधान जैसा सबसे अधिक समझ में आता है, क्योंकि स्रोत देखने पर व्हाईटस्पेस मार्कअप में मौजूद है। –

उत्तर

10

आप निम्न सीएसएस

pre { 
white-space: pre-wrap;  /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
white-space: -pre-wrap;  /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
} 

this site

से लिया का उपयोग करके रैप करने के लिए यह वर्तमान में CSS3 में परिभाषित किया गया है (जो अभी तक समाप्त मानक नहीं है), लेकिन अधिकांश ब्राउज़र pre के अंदर का पाठ पैदा कर सकता है टिप्पणियों के अनुसार इसका समर्थन करने लगते हैं।

+0

सुंदर! तुम मेरे उद्धारक आदमी हो! –

2

आपके पास दो प्रतिस्पर्धी आवश्यकताएं हैं। आप या तो सामग्री को किसी निश्चित क्षेत्र (यानी: चौड़ाई: 300 पीएक्स) के भीतर फिट करना चाहते हैं, या आप व्हाइटस्पेस और न्यूलाइन को संरक्षित करना चाहते हैं क्योंकि उपयोगकर्ता ने उन्हें दर्ज किया है। आप दोनों के बाद से नहीं कर सकते - परिभाषा के अनुसार - दूसरे के साथ हस्तक्षेप करता है।

के बाद से एचटीएमएल बारे में पता खाली स्थान के नहीं है, अपने ही विकल्प कई रिक्त स्थान बदल रहे हैं करने के लिए "& nbsp;" और < br /> पर < पूर्व > टैग का उपयोग करके, या सीएसएस शैली "व्हाइट-स्पेस: प्री" निर्दिष्ट करते हुए न्यूलाइन को बदलना।

1

div के साथ समस्या के बारे में, आप हमेशा यह स्क्रॉल कर सकते हैं, या फ़ॉन्ट नीचे समायोजित (इस गतिशील रूप से अपने सर्वर-साइड कोड में सबसे लंबे समय तक लाइन की लंबाई के आधार भी संभव है)।

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