textarea文字垂直排版

浏览: 216次 日期:2018年06月23日 19:40:11 作者:青格勒

去年开始一直研究蒙古文网站,蒙古文字是世界上唯一竖着写的文字(满文也是竖着写的)。

然后每次写字的时候但都是这样的。

 

但是这个并不是我想要的结果

然后在网上查了很多的资料个文献,最终使用以下代码:

<div><textarea autofocus="autofocus"></textarea></div>
<style>
    textarea{
        display: table-cell;
        border:1px solid #666;
        padding:12px;
        text-align: justify; /*实现两端对齐文本效果*/
        text-align-last: left; /*最后一行向左对齐*/
        word-break: keep-all; /*只能在半角空格或连字符处换行*/
        font-size:28px;
    }
    div{
        -webkit-writing-mode: vertical-lr;/*垂直方向自右而左的书写方式*/
        -webkit-text-orientation: sideways-right;
    }
</style>

截图如下:

 

好了大功告成!

 

 

文章链接:http://cenggel.com/htmlcss/107.html

版权声明:文章《textarea文字垂直排版》由青格勒编写,转载请带上文章链接。

本章内容纯属乱讲,如有雷同,纯属巧合。如有借鉴之处已表明出处。

点击任意位置关闭窗口,感谢您的支持。


打赏规则 - 为了避免对于打赏模式产生误解,说明一下几点内容:

  • 1.打赏纯粹自愿,金额不限,别太多,1块就行;
  • 2.打赏不能作为解答疑问的理由;
  • 3.打赏不能帮你做毕业设计或论文;
  • 4.打赏不能帮你做工作中的项目;
  • 5.打赏就是这不能那不能,只是单纯打赏而已。
  • 5.最后谢谢支持。
关闭
相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注