【问题标题】:Is there a way to make text input that aligns vertically?有没有办法让文本输入垂直对齐?
【发布时间】:2021-06-29 14:45:37
【问题描述】:

我希望能够编写文本并使其既垂直又直立,我已经能够像这样使用 CSS:

writing-mode: vertical-lr;
text-orientation: upright;

但我只是为 p 标签工作。问题是我希望能够通过 textarea 或某种输入表单进行这样的文本输入,文本从左上角开始,向下写入,然后当文本到达 textarea 的底部它从该文本的右侧开始,因此用户可以直接在页面上书写

T  R
H  I
I  G
S  H
   T
T  
E  H  
X  E
T  R
   E

我在 Stack 中进行了搜索,发现了一些使其工作的想法,对于编写在代码中的静态文本,但对于 textarea 或 form 则没有。

【问题讨论】:

  • this 会回答您的问题吗?输入字段尚不支持此功能。
  • 使用

    标签或

    并使其内容可编辑。并应用样式使文本垂直。
  • 谢谢Yuvraj!让它在
    上使用 contentEditable="true" :)

标签: javascript html css


【解决方案1】:

我从来没有完成你的要求,但我建议你关注

display: flex

flex-flow: column wrap;

我想这不是表单的正确想法,关注这个页面,它有不同的可能性

How to make a vertical input field?

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签