2015-12-19 51 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; 
}