高度属性的asp.net element.style问题

Question

我有一个asp.net mvc项目，其中有一个带有固定标题的表和前两列。 它是用jquery-ui编写的，在这里我将ui-widget-content用作td元素的主类。 标题显示完美，但我的td具有下一个属性

element.style {
    height: 140px;
}

而且我不知道它们的出现位置。

我试图添加下一段代码

    $(".ui-widget-content").each(function () {
        $(this).css("height", "40px");
    });

但这只是从140px替换为40px，而没有任何可见变化。 我不知道我的错误在哪里。

Answer 1

我反对!important值，这是您应该使用它的场景。

element.style表示140px的高度是内联的或由JavaScript设置。 如果使用Javascript，则该代码可以在您的代码（$ .each）之后执行。

Answer 2

element.style是直接在元素上定义的样式-使用style =“”直接定义，因此您应检查JavaScript或HTML。

另一个问题是，您不必使用“ each”来设置可以随身携带的高度

$(".ui-widget-content").css("height", "40px");

您将获得相同的结果。

$(".ui-widget-content").css("height", "40px");另一个问题 就是说，如果您要在页面中包含其他小部件，它们的高度也将设置为40，因此使用它不是很方便。

通常，请尝试避免内联样式。 创建一个定义所有样式属性的类是一种更好的做法！