CSS 实现文本的竖向排版 All In One

CSS 实现文本的竖向排版 All In One

word-wrap

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

writing-mode

.text{
    writing-mode: vertical-lr;
    direction: rtl;
}

.text{
    transform:rotate(90deg);
}

demos

.text{
    writing-mode: vertical-lr;
    direction: rtl;
}

flex & grid

layout

https://github.com/haizlin/fe-interview/issues/1526#issuecomment-554644135

(🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！

refs

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Text/Wrapping_Text

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---