律师网站设计:CSS文字垂直展示的方法

  • 2022-04-27
  • 9769

律师网站建设中,SS文字垂直方法建议使用writing-mode

writing-mode:翻译过来是“写字 — 模式”,文本在水平或垂直方向上如何排布

有以下几个属性值:

horizontal-tb: 水平展示,也就是横着展示文字,最平常默认的样式

vertical-rl:垂直展示,也就是上面图片上实现的样式

vertical-lr:垂直展示,根据内容从上到下排列,和上面的属性一般是兼容替换

sideways-rl:根据内容垂直方向从上到下排列

sideways-lr: 根据内容垂直方向从下到上排列,和上面的属性一般是兼容替换

举个栗子:

writing-mode: vertical-lr;/*垂直展示*/

writing-mode: tb-lr;/*兼容IE*/

注意:

如果需要调节字与字之间的距离时候,line-height 是无效的,需要用letter-spacing 这个改变字间距

相关阅读

律师网站设计:纯CSS实现鼠标悬停弹出微信二维码

律师网站设计:纯CSS实现鼠标经过弹出微信二维码

律师网站建设中用CSS3实现时间轴动画

律师网站设计中用CSS实现宽度自适应16:9的矩形

CSS3变形透视动画-3-cyy

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询