परिभाषित चौड़ाई के साथ एक अवधि में लाइन तोड़?

Question

अवधि की चौड़ाई तक पहुंचने के बाद मैं एक अवधि में एक पंक्ति को कैसे तोड़ सकता हूं? मैंने अधिकतम चौड़ाई की कोशिश की, लेकिन यह काम नहीं किया, अवधि हमेशा पाठ के रूप में है।

विचार?

धन्यवाद!

Answer 1

डिफ़ॉल्ट रूप से, <span> तत्व 'इनलाइन' हैं, और हमेशा उनकी सामग्री के आकार में बढ़ेगा। display: block; या display: inline-block; होने के लिए आपको <span> स्पष्ट रूप से घोषित करने की आवश्यकता है।

Answer 2

spanइनलाइन तत्व है, जिसका अर्थ है कि यह पाठ (या अन्य इनलाइन तत्वों) के चारों ओर लपेटा गया है। यह width या height के अधीन नहीं है।

आप एक ब्लॉक तत्व, एक div की तरह, या शायद एक इनलाइन-ब्लॉक तत्व (एक तत्व पर display: inline-block की स्थापना के द्वारा प्राप्त) चाहते हैं।

Answer 3

span { 
    display:block; 
    width:150px; 
    word-wrap:break-word; 
}