回答
你可以做这样的事情:
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 –