我在表的样式上附加了jquery数据表时遇到了一个非常奇怪的问题。有人可以帮我吗?我把页面放在这里:
http://aldee07.eu5.org/test/
PS:对于上面的链接,请忽略脚本中的JavaScript错误和故障。我只关心该页面的CSS。
提前非常感谢您。我真的被这个问题困扰。
最佳答案
您的问题源于引导css设置input
的默认宽度为260px,这对于您的表列而言太大了,并导致列的宽度大于脚本告诉他们的宽度
这不是100%css的解决方法,但会向您显示创建更强大的css规则以覆盖默认值的途径。
在所有css链接标记之后添加以下内容:
<style type="text/css">
input { width: 85%}
</style>
您的表将缩小以适合父表,并且您只需要为标题
input
标记和也许<TH>
padding编写一些CSS改进。我将在输入元素的行上添加一个特殊的类,然后从那里开始工作。bootsrap API的
input
大小也有不同的类演示:http://jsfiddle.net/PSvyz/