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
2
votes
1 answer

How to center punctuation in vertical CJK text?

I have a CJK (Chinese) text displayed vertically using CSS (body { writing-mode: vertical-rl; }). Unfortunately, punctuation is not centered by default: The full stops and commas are aligned to the top right, rather than the center. I get the same…
Flux
  • 9,805
  • 5
  • 46
  • 92
2
votes
1 answer

Text Vertical in imagick php

I want text show in vertically in the imagick image. For example, I have "test" text but I want the text like that: test Do you have any idea? Thanks.
2
votes
0 answers

vertical HTML text not displayed correctly when viewed in IE11 on a Windows site

I have a HTML page containing some vertical text. All was fine until I viewed it in IE11 - then the vertical text wasn't vertical anymore. "Dang, I shouldn't have screwed with the designer's original, that rendered OK in IE" I thought. But it turns…
DJDave
  • 865
  • 1
  • 13
  • 28
2
votes
2 answers

vertical print string in python 3

I'm trying to write a code to have a phrase print vertically and it needs to be printed a certain away. I'm having the user input a string but I need the output to look a certain way with spaces. I have some of the code written already: def…
CSstudent
  • 41
  • 1
  • 4
2
votes
2 answers

Making vertical text print specific way?

I'm writing a program for CS class and need help with some python 3 coding. This is my current code written: def main(): print() # blank line phrase = input("Please enter a phrase: ") wordlist = phrase.split() print("Original…
CSstudent
  • 41
  • 1
  • 4
2
votes
1 answer

Border layout with bootstrap

Is it possible to build a border layout with bootstrap, that centers the labels of the right and left borders, keeps the bottom at the bottom of the page and fills the content with all space left over in the center? New to bootstrap, but even with…
2
votes
1 answer

Vertical text on table to indicate grouped rows

This is my code for my table. Everything is perfect but I want to add something I don't know how to do it and how to style it. I want to group the rows by adding a title on the left like in the image. Any ideas on how to do this? UPDATED…
Ricky
  • 217
  • 4
  • 10
2
votes
2 answers

Vertical Text on Button control VB

One of my buttons on a form needs to show vertical text like that: S T O P I found solutions involving overriding Paint that seems too complicated for such a simple task. I tried this: Private Sub LabelStopButton() Dim btTitle As String =…
Mor Sagmon
  • 905
  • 1
  • 16
  • 35
2
votes
2 answers

Vertically center multi-lined text in div with a tag

I am working on a menu system which consists of div's (width: 275px, height: 75px, border: 1px solid) among each other. I want the whole div to be clickable, which I do with an a tag and display:block property (see code below). Some of the menu…
2
votes
2 answers

Align the characters in div one below the other (vertical align)

I would like to vertically align the text in div on the click on a button. I am using php and jquery framework library. This is what I am trying to ask: Ex: "myname is xyz" (normal alignment) Vertical alignment Ex: m y n a m e .... Please guide.
user1325759
1
vote
0 answers

get Horizontal Text with PDFBox

I want to use PDF Box to automatically extract and output the text of a PDF file. So far I can output all the text reasonably formatted by .split("\\n|\\s{2,}"), but the PDF also has vertical text, which my program then reads out in something like…
1
vote
0 answers

Can an inline-flex element adjust to the width of a vertical-rl child element in Firefox?

I have a div with display: inline-flex that contains a div with vertical text using writing-mode: vertical-rl. In Chrome and Safari, the outer div expands to fit the width of the inner div, but in Firefox the width of the outer div collapses to 0…
Ben Larson
  • 404
  • 1
  • 5
  • 11
1
vote
1 answer

Python : I get vertical text when I use writerows(zip())

I am trying to write a Python script to create a file of multiple rows with a title and the values stored in columns. I am very new to Python so there might be a stupid mistake somewhere but I have tried many things, looked on the Internet but I…
Nico
  • 13
  • 3
1
vote
0 answers

How to find column width for vertical text with FreeType / HarfBuzz

I'm currently rendering text with FreeType + Harfbuzz and am now trying to introduce vertical text rendering (mainly for east asian scripts). The issue I'm facing is that I can't figure out how wide a column of text should be. For horizontal text we…
monoceres
  • 4,722
  • 4
  • 38
  • 63
1
vote
1 answer

Vertical Text Styling on React Native

I'm new to react-native, and trying to style a page as follows, specifically the name of the player and the number: However, no matter what I try to do, I can't seem to get this to work with the vertical text. My current result is as follows: My…
saxarmaxim
  • 21
  • 1