作者:大瑞Y | 来源:互联网 | 2023-09-12 12:51
我有一个包含在可滚动div中的表,并且希望列标题不换行。问题来自TH标签中的float元素。我希望标题中的SPAN浮动到右侧,但会换行。我尝试将文本和跨度包装在div中,但这没有帮助。想法?
https://jsfiddle.net/e0wn7986/2/
.wrapper {
width: 400px;
overflow: auto;
background: gray
}
table thead tr th {
white-space: nowrap;
}
table thead tr th span {
float: right
}
Some Column |
This is another ↑↓ |
One more time↑↓ |
---|
testing some long stuff |
foobar moobar wizzle wuzzle |
lets go on and on and on...lets go on and on and on... |
我建议使用标签而不是span:
.wrapper{width:400px;overflow:auto;background:gray}
table thead tr th{white-space: nowrap;}
table thead tr th label{float:right}