为自己写代码

c4ys = Code for yourself

跳至正文
  • 首页

css writing-mode文字竖排(解决英文以及间距问题)

文字竖排

writing-mode: vertical-rl;

解决英文竖排问题

text-orientation:upright;

字间距

letter-spacing:8px;

参考

  • 目前 CSS 实现竖排文本较为通用的方式是什么?
  • 改变CSS世界纵横规则的writing-mode属性
  • CSS几种简单方法实现文字竖向排版
本条目发布于2017年10月12日。属于Web Frontend分类,被贴了 writing-mode 标签。作者是ning。

文章导航

← AngularJS利用Html5Mode去掉地址栏# HTML中的全角、半角空格 →

分类

  • Android
  • C#
  • C++
  • Database
  • Golang
  • Inspiration
  • iOS
  • Java
  • Linux
  • Node.js
  • nosql
  • Open source
  • PHP
  • Python
  • Quant
  • Reading
  • Ruby
  • Rust
  • Tools
  • Translations
  • Uncategorized
  • Web Frontend
  • Web security
  • Windows

标签

  • alien
  • CentOS
  • composer
  • crawler
  • crontab
  • Django
  • docker
  • elasticsearch
  • epel
  • fedora
  • git
  • golang
  • GoldenDict
  • https
  • Imagick
  • letsencrypt
  • mariadb
  • mongodb
  • mysql
  • nginx
  • NSIS
  • PDF
  • php
  • php-fpm
  • phpstorm
  • pip
  • PostgreSQL
  • proxy
  • Python
  • qt
  • reactnative
  • redis
  • sphinxsearch
  • ubuntu
  • vagrant
  • virtualbox
  • virtualenv
  • wordpress
  • WPF
  • WSL
  • Yii2
  • 团队管理
  • 微信
  • 微信小程序
  • 时间管理

其他操作

  • 注册
  • 登录
  • 条目 feed
  • 评论 feed
  • WordPress.org

归档

  • 2025 年 4 月 (1)
  • 2025 年 1 月 (1)
  • 2024 年 7 月 (1)
  • 2024 年 6 月 (1)
  • 2024 年 4 月 (2)
  • 2024 年 2 月 (1)
  • 2023 年 10 月 (2)
  • 2023 年 9 月 (5)
  • 2023 年 8 月 (2)
  • 2023 年 7 月 (4)
  • 2023 年 6 月 (4)
  • 2023 年 5 月 (1)
  • 2023 年 4 月 (1)
  • 2023 年 3 月 (1)
  • 2023 年 2 月 (2)
  • 2022 年 8 月 (1)
  • 2022 年 7 月 (2)
  • 2022 年 6 月 (1)
  • 2022 年 4 月 (1)
  • 2022 年 3 月 (2)
  • 2022 年 2 月 (3)
  • 2022 年 1 月 (5)
  • 2021 年 12 月 (1)
  • 2021 年 11 月 (1)
  • 2021 年 9 月 (2)
  • 2021 年 8 月 (1)
  • 2021 年 7 月 (2)
  • 2021 年 6 月 (3)
  • 2021 年 5 月 (3)
  • 2021 年 4 月 (1)
  • 2021 年 3 月 (4)
  • 2021 年 2 月 (2)
  • 2021 年 1 月 (4)
  • 2020 年 12 月 (3)
  • 2020 年 11 月 (3)
  • 2020 年 10 月 (6)
  • 2020 年 9 月 (3)
  • 2020 年 8 月 (6)
  • 2020 年 7 月 (4)
  • 2020 年 6 月 (1)
  • 2020 年 5 月 (9)
  • 2020 年 4 月 (4)
  • 2020 年 3 月 (5)
  • 2020 年 2 月 (4)
  • 2020 年 1 月 (1)
  • 2019 年 11 月 (2)
  • 2019 年 10 月 (1)
  • 2019 年 9 月 (3)
  • 2019 年 8 月 (5)
  • 2019 年 7 月 (4)
  • 2019 年 6 月 (7)
  • 2019 年 5 月 (5)
  • 2019 年 4 月 (5)
  • 2019 年 3 月 (2)
  • 2019 年 2 月 (4)
  • 2018 年 12 月 (8)
  • 2018 年 11 月 (2)
  • 2018 年 10 月 (2)
  • 2018 年 9 月 (4)
  • 2018 年 7 月 (1)
  • 2018 年 6 月 (1)
  • 2018 年 5 月 (1)
  • 2018 年 4 月 (3)
  • 2018 年 3 月 (4)
  • 2018 年 2 月 (1)
  • 2018 年 1 月 (9)
  • 2017 年 12 月 (2)
  • 2017 年 11 月 (5)
  • 2017 年 10 月 (2)
  • 2017 年 9 月 (6)
  • 2017 年 8 月 (8)
  • 2017 年 7 月 (9)
  • 2017 年 6 月 (13)
  • 2017 年 5 月 (3)
  • 2017 年 4 月 (1)
  • 2017 年 3 月 (3)
  • 2017 年 2 月 (3)
  • 2017 年 1 月 (3)
  • 2016 年 12 月 (6)
  • 2016 年 11 月 (4)
  • 2016 年 10 月 (3)
  • 2016 年 9 月 (11)
  • 2016 年 8 月 (2)
  • 2016 年 7 月 (9)
  • 2016 年 3 月 (3)
  • 2016 年 2 月 (1)
  • 2016 年 1 月 (4)
  • 2015 年 12 月 (6)
  • 2015 年 11 月 (3)
  • 2015 年 10 月 (5)
  • 2015 年 9 月 (4)
  • 2015 年 8 月 (1)
  • 2015 年 7 月 (2)
  • 2015 年 6 月 (3)
  • 2014 年 12 月 (1)
  • 2014 年 11 月 (1)
  • 2014 年 10 月 (4)
  • 2014 年 9 月 (6)
  • 2014 年 8 月 (11)
  • 2014 年 7 月 (6)
  • 2014 年 6 月 (5)
  • 2014 年 5 月 (7)
  • 2014 年 4 月 (6)
  • 2014 年 3 月 (12)
  • 2014 年 2 月 (3)
湘ICP备2023029958号 自豪地采用WordPress