2015-12-19 46 views
1

我想用Bootstrap書寫文字,垂直但不喜歡將文字轉換成90°。垂直,但轉身,難以閱讀。Bootstrap垂直書寫

enter image description here

但實際上這樣寫的:垂直和未開啓

enter image description here

我認爲有一種方式與引導做到這一點?你知道嗎?

+0

我相信Bootstrap不提供這樣的功能。我想會有一個純CSS的解決方案。 –

+1

另外,關於主題的谷歌搜索返回一堆例子,例如http://code.tutsplus.com/tutorials/the-easiest-way-to-create-vertical-text-with-css--net-15284 –

回答

5

你可以做這樣的事情:

CSS 
     .vericaltext{ 
      width:1px; 
      word-wrap: break-word; 
      white-space:pre-wrap; 
     } 
+0

謝謝!工作正常! – iCarnagy

+0

謝謝你。然而,這是一個CSS黑客,負責任地使用它 – CastenettoA

-1

是絕對的引導,也不在CSS獨自在他的特殊的方式來寫沒有具體的辦法......

我想這樣做那種事的唯一方法是做一回行後,每信。例如,試用HTML <br>標籤。這種技術的主要問題是語義,考慮到這個詞將被拆分。

+0

請不要使用
!不要使用HTML來設計網頁的樣式! – CastenettoA

+0

這個答案根本不對,應該可能會被刪除。 – neuronet

1

您可能希望看到這個教程!
https://davidwalsh.name/css-vertical-text

簡而言之,您可以使用CSS來做到這一點。

.vertical-text { 
transform: rotate(90deg); 
transform-origin: left top 0; 
}