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

refs

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

---

---

©xgqfrms 2012-2021

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

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

---