4

这是我的问题的一个小演示：

http://jsfiddle.net/k2Pqw/4/

在将红色调整td到一定宽度后，我想将其设置回原来的样子。应用 25% 不会让它像其他tds 一样动态调整，它只是停留在 25%，当黑框改变它的大小时你可以看到。

所以我想我的问题是：

  1. td手动设置之前的宽度是多少？
  2. 我该如何重置它？

有任何想法吗？感谢您的反馈！

4

5 回答 5

3

如何将其设置为宽度：自动？

于 2012-07-28T21:37:51.967 回答
1

这取决于您想要达到的目标。如果只是一次将所有 tds 重置为默认宽度，只需使用width: auto. 但是，如果您想在那里对其进行动画处理，则要复杂一些。您需要将每列的宽度保存为变量，然后将其动画化。

这是来自 jsFiddle 的更新示例：http: //jsfiddle.net/k2Pqw/5/

$(document).ready(function () {
var blaW = $('#bla').width(), beW = $('#be').width();

$("#bla").animate({ width: "500px" }, 1000, function () {})
         .animate({width: blaW+'px'}, 1000, function () {});
$("#be").delay(2500)
        .animate({ width: "500px" }, 1000, function () {})
        .animate({width: beW+'px' }, 1000, function () {});
});

和html：

<table id="myTable">
<tr>
  <td style="background-color:Aqua;">salamander</td>
  <td style="background-color:Red;" id="bla">s</td>
  <td style="background-color:Black;" id="be">s</td>
  <td style="background-color:Green;">s</td>
</tr>
</table>
于 2012-07-28T21:43:02.717 回答
0

它被设置为auto。您可以在 Chrome 的开发者工具或 Firebug 中的“默认样式”下看到它

于 2012-07-28T21:40:19.680 回答
0

您是否应该能够添加和删除设置特定宽度的类。如果类被删除，它将回退到 % 宽度。

于 2012-07-28T21:42:29.777 回答
0

如果您width使用 JavaScript（或 jQuery，因为它只是花哨的 JS）设置了任何样式（不仅仅是 ），那么您可以通过将样式设置为""（空字符串）来重置它。这基本上会从元素的内联样式中删除该样式属性，让样式表再次接管。

于 2012-07-28T21:51:10.353 回答