Maison > interface Web > tutoriel HTML > le corps du texte

table中如何竖排英文?

PHP中文网
Libérer: 2017-06-05 15:30:36
original
3491 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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal