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

Java - vertical integers and palindrome

I stumbled upon an exercise that asked me to reproduce this (that's the expected output): 11111 3456789012109876543 This is a palindrome (at the bottom) where numbers higher that 9 (double digits) have to be written vertical. This sounds…
Giulio Tedesco
  • 179
  • 1
  • 3
  • 14
0
votes
1 answer

numpy vertical array write to text file

I have two 5 by 1 vertical array x = [[1] [2] [3] [4] [5]] y = [[92] [93] [94] [95] [96]] I need to output(belo) in a text file 1 92 2 93 3 94 4 95 5 96 My script looks like this x= numpy.vstack((z)) y=…
Sanjay
  • 55
  • 1
  • 1
  • 9
0
votes
1 answer

Press Tab to next Vertical Textfield panel null layout

I have a panel null layout and have the following code int k=130; int h=10; for (int i=0; i<22; ++i) { jTextFieldArray[i] = new JTextField(); jTextFieldArray[i].setBounds(k, h, 120, 25); String s =…
Wesam
  • 23
  • 3
0
votes
1 answer

styling vertical text that is populated dynamically

I am using a sidebar alongside fullscreen.js, that detects which section is currently active/being viewed and displays the title rotated 90 degrees, along a vertical axis. Because the text is dynamic, the length varies. This is causing problems with…
awnine
  • 131
  • 1
  • 13
0
votes
1 answer

vertical direction text (writing-mode: lr-bt) . position changes with text length

want to position dynamic text vertically but text length alters the position of text, here is code snippet, adding more text changes the position try on this link css #rotate { position:fixed; -webkit-transform: rotate(270deg); …
0
votes
1 answer

Setting Spinner makes checkbox text vertical

I have a table layout in which i have two row. One row has a spinner and the other row has a checkbox as soon as set my spinner some value from dropdown the text of checkbox turn vertical .I tired all my tricks but can't find the solution or a…
0
votes
0 answers

width is not working at vertically rotated text's columns

I'm trying to make vertical text at table column header. I've made it, Now, I want to make the vertical-text's column much more thinner as those columns contain numbers only. For that reason, I tried to decrease that column(th)'s width, but, it…
user1896653
  • 3,247
  • 14
  • 49
  • 93
0
votes
2 answers

Div Vertical Align

Probably one of the most asked questions out there and I've tried several things, with no luck... Here is a test link for review: http://lifetabernacleaustin.matthewgideon.com/en/welcome/ Basically the header consists of the navigation on the left,…
mwgideon
  • 57
  • 2
  • 11
0
votes
1 answer

Vertical text in UITextView attributed text

I have a UITextView in which the user enters text. I've added some code so that when the entered text includes a #hashtag that word would be coloured blue. Here is the code: - (void)textViewDidChange:(UITextView *)textView { //Coloring of…
damjandd
  • 708
  • 2
  • 9
  • 24
0
votes
1 answer

Making text vertical with css only works with constant text length

I need vertical text for a website. Thats my css code: .vertical-category span { display: block; position: absolute; top: 30px; left: -37px; font-size: 20px; text-transform: uppercase; color: #ffffff; …
user1711384
  • 343
  • 1
  • 7
  • 24
0
votes
3 answers

How to select a vertical block with exceeding lines?

In Vim you can use Ctrl+v to select a vertical block of code. This is pretty cool, as this way you can insert a rectangular block of text anywhere in your text. A feature I haven't seen anywhere else yet. But say I have a text like: 1 abcde 2…
Michael Härtl
  • 8,428
  • 5
  • 35
  • 62
0
votes
1 answer

Vertical text on charting using html5 canvas

I am developing chart PoC with HTML5 canvas. the each text AA, BB and so on are all canvas. I am generating them by hvar canvas = $("").appendTo(elementDiv); and using loop to display the text. I am using ctx.fillText(txt, x -…
0
votes
4 answers

Write Text Vertically at 270deg using CSS

I am working on an example where i want to write text vertically at 90 deg and 270deg. Example at JSFiddlle It seems to be working in FF but doesn't show up in IE at all. I tried to change certain properties with no luck. I would appreciate if…
Learning
  • 19,469
  • 39
  • 180
  • 373
-1
votes
1 answer

How to center the text vertically and horizontally without losing the inline-block property?

I am just learning CSS and would like to ask for help. I can center the text vertically and horizontally but at the expense of the inline-block property. So my question is: how to center the text vertically and horizontally without losing the…
-1
votes
2 answers

How to edit a TextView like below?

i am kind of starting coding in android studio. I am trying to get my TextView to be displayed in the app like the below example: 1 2 3 4 5 . . . Like this Is it possible to change the TextView itself withing the Java xml text Activity or must there…
himalczyk
  • 13
  • 3