2014-03-26 116 views
1

我正在使用jQuery完全生成一个表。它除了一个方面外很好。某些字段的列标题的宽度太大。jQuery动态表头大小

请注意小提琴中包含'asdf','1234'和'5678'的字段是合适的宽度。 我想字符串的长度也是这个宽度。截至目前,我正在尝试以静态方式设置宽度和高度。我已经注意到,高度越大,比如1000像素,会使宽度适当,但我不能拥有那么大的列。 我该如何去做?

th { 
width: 20px; 
height: 550px; 
} 

http://jsfiddle.net/michaela_elise/CFNHP/29/

谢谢你在前进, 麦克拉

+0

文本是垂直的吗?这个问题与'white-space:nowrap'属性直接相关。表头仍然试图容纳跨度的(水平)宽度,即使它们是垂直旋转的。 – Batfan

回答

0

的问题是旋转跨距如果文本没有旋转,他们将有宽度。您可以通过在跨度上指定宽度来覆盖此值,然后表格会正确调整以适合它们:

.r90 span { 
/* ... */ 
width: 20px; /* <== Specify width here */ 
} 
+0

谢谢约翰。这绝对可以解决宽度问题。我如何将文本推到底部? –

+1

@michaela_elise只需设置vertical-align:bottom;给你的th元素 –