前端之家收集整理的这篇文章主要介绍了
javascript – 标题列中标签的垂直文本，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我试图在
标题表上创建一个带有垂直文本的表.
这是我的CSS代码：
table th.user {
.rotate(90deg);
position: relative;
padding-top: 190px;
top: -10px;
right: 0px;
width: 200px;
}
这是演示http://codepen.io/anon/pen/GnveJ
如你所见,它可以部分工作.
我想要列(列的单元格中有名称),其宽度恰好与内容相匹配(约50 px);和我在这个问题上附上的图片一样.
知道为此目的制作css代码或js代码的最佳方法是什么？
需求：
我使用较少和jquery
在一个范围中包装
用户名,旋转它,并在单元格上设置宽度.如果旋转单元格,表格将在旋转文本之前呈现其大小.
table th.user span{
display:block;
.rotate(90deg);
padding: 190px 0 0 0;
position: relative;
left: 20px;
width: 200px;
}
.user,tbody td {
max-width: 50px;
}
Demo
原文链接：https://www.f2er.com/js/157007.html
