錯誤消息的CSS樣式

Question

我有一個div ，它具有php代碼以echo頁面上的錯誤，我想為錯誤外觀添加某種樣式，除了一個問題外，它運行得很好，每個屬性都可以正常工作，但是即使沒有調用錯誤， padding似乎是它們的代表。我正在使用javascript調用錯誤，盡管僅當錯誤是某些錯誤時才調用錯誤消息，但錯誤div padding始終在頁面上。 如何解決。

<div id="error"><?php echo $error; ?></div><br />

<style>
#error {
font-size:
background-color:
opacity:
color:
padding:
}
</style>

Answer 1

由於您的php代碼已嵌入div標簽中，因此，是否調用該錯誤絕對無關緊要。 填充仍將存在。 在您的php代碼中應用div，或者僅在您的php代碼中應用padding css樣式。

Answer 2

在調用#error之前，像這樣編寫CSS

#error {
font-size:
background-color:
opacity:
color:
padding:
display:none;
}

現在，當您致電該#error然后使CSS為

#error {
display:block;
}

現在，如果沒有錯誤消息，它將不占用任何空間