我在表的样式上附加了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/

08-25 16:16
查看更多