table中如何竖排英文？

PHP中文网

Libérer： 2017-06-05 15:30:36

original

3525 Les gens l'ont consulté

那些都是从上而下, 类似是顺时针的; 我要的是英文单词, 从下而上阅读, 相当于逆时针的.

<!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>

Copier après la connexion

To: jslang
非常感谢, 旋转-90度可用!

且现已靠底边对齐, 因为我表的宽度是固定的, 列数不定, 所以每列的宽度也就不确定了,
我想再请教下: 如何让竖排的文字, 水平居中呢?
(加上text-align:center 后就不会靠底边了; 加上vertical-align:middle没效果的样子)

再次感谢!

Étiquettes associées：

table，竖排英文

source：php.cn

Article précédent：webview打印html的内容(html+js复合)_html/css_WEB-ITnose Article suivant：HTML表格基础详解_html/css_WEB-ITnose

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur