回答
你可以做這樣的事情:
CSS
.vericaltext{
width:1px;
word-wrap: break-word;
white-space:pre-wrap;
}
謝謝!工作正常! – iCarnagy
謝謝你。然而,這是一個CSS黑客,負責任地使用它 – CastenettoA
是絕對的引導,也不在CSS獨自在他的特殊的方式來寫沒有具體的辦法......
我想這樣做那種事的唯一方法是做一回行後,每信。例如,試用HTML <br>
標籤。這種技術的主要問題是語義,考慮到這個詞將被拆分。
請不要使用
!不要使用HTML來設計網頁的樣式! –
CastenettoA
這個答案根本不對,應該可能會被刪除。 – neuronet
您可能希望看到這個教程!
https://davidwalsh.name/css-vertical-text
簡而言之,您可以使用CSS來做到這一點。
.vertical-text {
transform: rotate(90deg);
transform-origin: left top 0;
}
- 1. CSS垂直書寫錯誤與間距
- 2. Twitter Bootstrap 3垂直對齊
- 3. Bootstrap中的垂直導航
- 4. Twitter Bootstrap垂直滑動
- 5. Bootstrap如何垂直居中
- 6. Bootstrap 3垂直導航欄
- 7. Bootstrap垂直對齊圖像
- 8. 在垂直線上垂直寫文本
- 9. 使用to_csv垂直書寫熊貓系列
- 10. HTML/CSS:如何垂直書寫文字,保持水平字符
- 11. iOS應用程序中的Tategaki(日文垂直書寫)
- 12. 在SSRS中垂直寫入
- 13. Bootstrap摺疊菜單不會垂直
- 14. 如何垂直居中Bootstrap容器?
- 15. 3列垂直居中行Bootstrap 3
- 16. 垂直居中(使用Bootstrap-CSS)
- 17. Bootstrap Grid允許垂直滾動
- 18. 使用CSS垂直對齊Bootstrap模態
- 19. 垂直漸變使用Bootstrap和LESS
- 20. Twitter Bootstrap網格垂直對齊底部
- 21. 在bootstrap 4.0中垂直居中元素?
- 22. Bootstrap:垂直製表符邊框內容?
- 23. Bootstrap 3跨多行垂直對齊
- 24. bootstrap導航欄中心垂直水平?
- 25. Bootstrap 4 - 水平和垂直對齊
- 26. Bootstrap btn組垂直文本對齊
- 27. Bootstrap全寬按鈕.btn組垂直
- 28. bootstrap導航欄可垂直展開
- 29. bootstrap垂直對齊中間的內容
- 30. Bootstrap col-md-6對齊垂直中心
我相信Bootstrap不提供這樣的功能。我想會有一個純CSS的解決方案。 –
另外,關於主題的谷歌搜索返回一堆例子,例如http://code.tutsplus.com/tutorials/the-easiest-way-to-create-vertical-text-with-css--net-15284 –