当前位置:  开发笔记 > 前端 > 正文

如何在CSS中使文本从上到下运行?

如何解决《如何在CSS中使文本从上到下运行?》经验,为你挑选了3个好方法。

有谁知道如何使文本在div中从上到下对齐.

所以我甚至不会让我证明这一点...我只是希望这些字母在页面的垂直线上叠加在一起,就像建筑物的故事一样.希望我不需要用图像来做.



1> NJCodeMonkey..:

在保持正常方向的同时使字母从上到下,如下所示:

F

Ø

Ø

HTML:

letters

CSS:

.toptobottom{
  width: 0;
  word-wrap: break-word;
}

自动换行允许单词在中间被打破,因此这将使字母从上到下.它也得到了很好的支持:https://developer.mozilla.org/en-US/docs/CSS/word-wrap



2> Константин В..:
让您的文字沿垂直线顺畅运行

writing-mode

CSS writing-mode属性可让您的文字垂直显示。

.traditional-vertical-writing
{
  writing-mode: vertical-rl;
}

This text runs vertically.
???? ?(but the thing is)??since Latin alphabets are not for vertical writing, not only the lines but each of the non-vertical-writing letters also gets rotated.
0123456789



3> Berker Yücee..:

HTML:

Hello!

CSS:

.bottomtotop { transform:rotate(270deg); }


使用transform属性将使您的文本从容器中流出
推荐阅读
mobiledu2402851203
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有