Question

以下是我的问题的一个小例子：

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

在将红色td调整到一定宽度后，我想将其重新设置为之前的状态。应用25％不会像其他td一样动态调整，它只会停留在25％，当黑盒改变它的大小时你可以看到它。

所以我想我的问题是：

手动设置之前td的宽度是多少？
如何重置？

有什么想法吗？感谢您的反馈！

Answer 1

如何将其设置为width：auto？

Answer 2

这取决于你想要达到的目标。如果只是一次将所有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>

Answer 3

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

下看到它

Answer 4

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

Answer 5

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

如何将td重置为原始宽度

5 个答案: