错误消息的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;
}

现在，如果没有错误消息，它将不占用任何空间