table中如何竖排英文?

PHP中文网
发布: 2017-06-05 15:30:36
原创
3497 人浏览过

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

<!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没效果的样子) 

再次感谢!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板