【问题标题】:How to write vertical text in html like a banner? [duplicate]如何像横幅一样在html中编写垂直文本? [复制]
【发布时间】:2014-01-28 10:54:28
【问题描述】:

我需要写垂直文本。我只是希望文本看起来像其他文本。

所需输出:

一个

P

P

L

E

我不能使用rotate 属性。而且我不想修改我的html。最好的方法是什么?请帮忙!

谢谢!

【问题讨论】:

  • 如果您将包含此文本的元素的宽度设置为单个字母的大小,以便将每个字母换行到下一行。使用word-wrap:break-word

标签: html css


【解决方案1】:

我想这就是你需要的。

HTML:

<p class="vertical-text">ABCD</p>

CSS:

.vertical-text{
    word-wrap: break-word;
    width: 0;  
}

【讨论】:

  • 糟糕,我也考虑了一段时间的自动换行。但我想不出将宽度设为零以将其换行。谢谢!
猜你喜欢
  • 2016-02-16
  • 1970-01-01
  • 2020-12-11
  • 2010-12-14
  • 1970-01-01
  • 2014-09-14
  • 1970-01-01
  • 1970-01-01
  • 2012-10-05
相关资源
最近更新 更多