Heim >Web-Frontend >HTML-Tutorial >table中如何竖排英文?

table中如何竖排英文?

PHP中文网
PHP中文网Original
2017-06-05 15:30:363527Durchsuche

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

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

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

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

再次感谢!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn