Questions tagged [vertical-text]

Refers to text that is written from top to bottom (or bottom to top). This is usually done by rotating or stacking. The purpose could be for UI design or for the natural text direction of some East Asian languages. Please use the [tag:vertical-alignment] tag for text being aligned in separate UI elements.

Vertical text is read from top to bottom or bottom to top. Since most operating systems and programming environments assume a horizontal text direction, this is usually accomplished by either rotating the text 90 degrees or by stacking characters on top of each other.

Purpose

1. For UI design

Oftentimes a side label on the right or left would be too wide if written horizontally. Writing it vertically gives a more pleasing visual effect.

2. For natural text direction

Certain East Asian languages such as Japanese, Chinese, and Mongolian are traditionally written vertically. Although Japanese and Chinese are usually written horizontally today, they are on occasion still written vertically. The traditional Mongolian script (not Cyrillic Mongolian) is still in common usage in Inner Mongolia and is only written vertically for its natural text direction.

Tag Usage

Use this tag for programming questions related to rotating text strings and UI elements or stacking characters in a column. For vertically aligning separate text strings and UI elements, please use the tag.

Related Tags

111 questions
6
votes
5 answers

vertical text in d3 (not rotated)

I am trying to get text to display vertically in svg using d3. I do not want to rotate it, however: I want the letters to remain horizontal, but one above the other. Setting writing-mode=tb does not seem to do anything. Here is what I…
Samarth
  • 133
  • 1
  • 6
4
votes
1 answer

How to ROTATE (NOT stack) HTML blocks in vertical order in CSS FlexBox in order of appearance?

Given a logical (search engine readable) HTML menu containing an unordered list menu wrapped inside a
Sam
  • 15,254
  • 25
  • 90
  • 145
4
votes
2 answers

Set vertical text on x axis in syncfusion column chart

NET MVC 4.0 with Syncfusion controls to implement graph. I have successfully implemented it and running fine but when there are more data in x axis the text overlap each other so I want to show it vertically so it will show it…
3 rules
  • 1,359
  • 3
  • 26
  • 54
4
votes
1 answer

How to make a traditional Mongolian script ListView in Android

How do you make a horizontally scrolling ListView for vertical Mongolian script in Android apps? Background Android has fairly good support for many of the world's languages, even RTL languages like Arabic and Hebrew. However, there is no built in…
Suragch
  • 484,302
  • 314
  • 1,365
  • 1,393
3
votes
1 answer

How can I draw vertical text with NSTextView, starting from the right?

Languages such as Japanese or Chinese can be written vertically, starting from the top right of the page, going down, and when you reach the bottom, you go up and go to the next line on the left. NSTextView seems to support this out of the box…
Sweeper
  • 213,210
  • 22
  • 193
  • 313
3
votes
4 answers

Vertical text next to Horizontal Text react native?

I am basically trying to create something like this: Two boxes, the red one is vertical text and the blue one is horizontal text. The height of the red box should be the same as the blue box I know that I can make text sideways like that by…
inhwrbp
  • 569
  • 2
  • 4
  • 17
3
votes
1 answer

Is it possible to use CSS to get vertical text to fill a text box with a set width to the smallest height that contains the text?

Here is a code snippet showing the problem: