2012-05-26 33 views
6

में वर्टिकल ओरिएंटेशन टेक्स्ट मुझे विश्वास नहीं है कि किसी ने कभी यह नहीं पूछा है, इसलिए मुझे लगता है कि मुझे जो चाहिए वह सही नाम नहीं है।सीएसएस

j 
e 
l 
l 
y 

वहाँ एक क्रॉस ब्राउज़र समाधान है: मैं खड़ी होने के लिए jelly की तरह एक पाठ इस तरह गठबंधन करना चाहते हैं?

+0

http://net.tutsplus.com/tutorials/html-css-techniques/the-easiest-way-to-create -वर्टिकल-टेक्स्ट-साथ-सीएसएस/ –

+0

क्या आप चाहते हैं कि कोई बाएं या दाएं हो? http://www.thinkingwithtype.com/images/Thinking_with_Type_Text_22.gif – nhahtdh

+0

@nhahtdh मैं बाईं ओर – Shoe

उत्तर

7

यहां एक लेख है जो प्रत्येक के पेशेवरों और विपक्ष के साथ सीएसएस और जावास्क्रिप्ट दोनों के साथ इसे पूरा करने के कई तरीकों का विवरण देता है।

http://net.tutsplus.com/tutorials/html-css-techniques/the-easiest-way-to-create-vertical-text-with-css/

आप इसे उपयोगी पाते आशा है।

0

आप इस प्रकार लिख सकते हैं:

p{ 
    width:5px; 
    word-wrap:break-word; 
} 

चेक इस http://jsfiddle.net/TWb9j/

+0

ब्रेक के बाद से -वर्ड CSS3 spec का हिस्सा है जो सभी ब्राउज़रों में अनुपालन नहीं करेगा। – christurnerio

+0

भी, यदि रिक्त स्थान के साथ कई शब्द हैं, तो आपको   – DaneSoul

+0

@gizmovation के साथ रिक्त स्थान बदलने की आवश्यकता होगी जिन्होंने कहा कि ब्रेक-शब्द css3 का हिस्सा है। यह https://developer.mozilla.org/en/CSS/word-wrap – sandeep