> 웹 프론트엔드 > HTML 튜토리얼 > table中如何竖排英文?

table中如何竖排英文?

PHP中文网
풀어 주다: 2017-06-05 15:30:36
원래의
3525명이 탐색했습니다.

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

<!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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿