एचटीएमएल: शीतल हाइपन (­) बिना डैश के?

Question

मेरे पास थोड़ा लेआउट समस्या है: क्लाइंट वेबसाइट पर, हम छोटे बॉक्स में लोगों की संपर्क जानकारी दिखाते हैं। उस बॉक्स की चौड़ाई बाध्य है। जैसा भी होता है, वहां बहुत लंबे नाम वाले लोग हैं (यह जर्मनी में है, आखिरकार ...), और ईमेल पता दिए गए नाम और परिवार के नाम का एक संयोजन है। नतीजा: कुछ नामों के साथ, ईमेल पता बॉक्स के बारे में दी गई बाधाओं को बहता है।

सम्मिलित करना एक ­ से पहले @ परिणाम सही लाइन ब्रेक में है, लेकिन लग रहा है इस तरह:

john.doe- 
@example.com 

यह है कि पानी का छींटा को दबाने के लिए संभव है? मैं <br /> का उपयोग नहीं करना चाहता, क्योंकि 90% नामों के लिए, उपलब्ध चौड़ाई पर्याप्त से अधिक है।

Answer 1

हालांकि मुझे यकीन है कि यह कैसे पार ब्राउज़र (शायद बहुत अच्छी तरह से) करता है नहीं कर रहा हूँ, आप हमेशा पतली अंतरिक्ष चरित्र ( ) या शून्य-चौड़ाई स्थान ( ​) इस्तेमाल कर सकते हैं। ⁺⁺

john.doe @example.com 

⁺⁺ मैं नहीं शून्य चौड़ाई अंतरिक्ष उपयोग करने का सुझाव, के रूप में जाहिरा तौर पर कुछ ब्राउज़रों इसे सही ढंग से प्रस्तुत करना नहीं होगा होगा (source)।

Answer 2

आप सीएसएस संपत्ति word-wrap पर एक नज़र रखना चाहते हैं।

और this page ऐसा लगता है जो आप चाहते हैं।

Answer 3

एक शून्य चौड़ाई स्थान का उपयोग करें: ​

john.doe​@example.com 

यहाँ कार्रवाई में: http://jsfiddle.net/uTXwx/1/