Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > HTML Tutorial > body text

How to arrange English vertically in a table?

PHP中文网

Release： 2017-06-05 15:30:36

Original

3490 people have browsed it

Those are from top to bottom, similar to clockwise; what I want are English words, read from bottom to top, equivalent to counterclockwise.

<!DOCTYPE html>
<html>
<head>
<style> 
p{margin:30px;width:200px;height:100px;background-color:yellow;
/* Rotate p */transform:rotate(-90deg);-ms-transform:rotate(-90deg);
/* Internet Explorer */-moz-transform:rotate(-90deg); 
/* Firefox */-webkit-transform:rotate(-90deg);
/* Safari 和 Chrome */-o-transform:rotate(-90deg); /* Opera */}
</style>
</head>
<body>
<p>
Hello World
</p>
</body>
</html>

Copy after login

To: jslang
Thank you very much, rotation -90 degrees is available!

And it is now aligned to the bottom edge, because the width of my table is fixed and the number of columns is uncertain, so the width of each column is also uncertain,
I would like to ask again: How to center the vertical text horizontally?
(After adding text-align:center, it will not be close to the bottom; adding vertical-align:middle has no effect)

Thanks again!

Related labels：

table，竖排英文

source：php.cn

Previous article：webview prints the content of html (html js composite)_html/css_WEB-ITnose Next article：Detailed explanation of HTML table basics_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn