高度屬性的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，因此使用它不是很方便。

通常，請嘗試避免內聯樣式。 創建一個定義所有樣式屬性的類是一種更好的做法！