css文字垂直居中怎么设置(css文字垂直展示的方法)
导读:一、使用writing-mode(推荐使用) ...
一 、使用writing-mode(推荐使用)
writing-mode:翻译过来是“写字 — 模式 ” ,文本在水平或垂直方向上如何排布
有以下几个属性值:举个栗子:
writing-mode: vertical-lr;/*垂直展示*/
writing-mode: tb-lr;/*兼容IE*/
注意:
如果需要调节字与字之间的距离时候 ,line-height 是无效的 ,需要用letter-spacing 这个改变字间距
二 、设定宽度 ,让文字挤出去不得不换行(推荐使用)
这里的宽度只有50px ,文字内容太多只能换行展示
三 、使用br换行(不推荐使用)
举个栗子:
这样比较麻烦 ,而且如果是动态数据就很麻烦 ,总不能在拿到数据后循环在每个字后面加br实现吧!
声明:本站所有文章 ,如无特殊说明或标注 ,均为本站原创发布 。任何个人或组织 ,在未征得本站同意时 ,禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ,可联系我们进行处理 。
创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!