css设置文字竖版排列,并且垂直居中

 时间:2026-02-14 09:32:04

1、初始设置一个父div的宽度和高度,为了方便查看,设置背景色为红色

有个子div显示文本,希望该文本在父div中竖版排列,并且垂直居中

css设置文字竖版排列,并且垂直居中

2、这里设置writing-mode属性,实现文字竖版显示

css设置文字竖版排列,并且垂直居中

3、这里设置writing-mode为vertical-lr

css设置文字竖版排列,并且垂直居中

4、设置文本居中可以设置text-align:center;

因为要在父div中居中,需要设置子div的高度等于父div

css设置文字竖版排列,并且垂直居中

5、文字已经竖型排版,并且垂直居中。但是文字间距比较小

可以通过设置letter-spacing来修改文字间距

css设置文字竖版排列,并且垂直居中

6、最终效果如下

css设置文字竖版排列,并且垂直居中

  • flash如何绘制大树和小鸟
  • 对Double类型数据进行截取
  • Axure富文本怎么设置为粗体
  • axure如何为中继器填充数据
  • Axure富文本设置为斜体教程
  • 热门搜索
    松花蛋怎么做好吃 拇外翻最佳治疗方法 莲藕排骨汤怎么做 茄子的家常做法 我的世界木门怎么做 治疗痔疮的土方法 蔬菜汤的做法大全 油焖大虾家常做法 麦粒肿快速消除的方法 吻戏大全