错误消息的 CSS 样式答案

【问题标题】：CSS styling for error messages错误消息的 CSS 样式
【发布时间】：2015-10-28 16:01:04
【问题描述】：

我有一个div，其中有php 代码到echo 在页面上输出错误，我想为错误外观添加一些样式，除了一个问题外一切正常，每个属性都可以正常工作，但padding即使没有调用错误，我也使用javascript 来调用错误，尽管错误消息仅在它们出现错误时才被调用，但padding 错误div 始终在页面上。如何解决。

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

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

【问题讨论】：

请确保您的代码正确且实际代表您所描述的情况。
是的，就是这样
嗯，是吗？您没有为属性声明 any 值，在这些（缺失）值之后缺少分号，并且 style 元素只是浮动在 div 下方而不是在head 您的文档。
当我说“就是这样”时，我并不是说没有值样式表只是为了说明我是如何编写它的
我们是陌生人/志愿者，无法访问您的上下文。提出问题时，创建一个代表您的场景的实际重现非常重要，因为这使我们更容易为您提供帮助。有关如何创建复制的指导，请参阅此帮助页面：minimal reproducible example。

标签： html css padding

【解决方案1】：

由于您的 php 代码嵌入在您的 div 标签中，因此是否调用错误绝对无关紧要。填充仍然存在。在您的 php 代码中应用 div，或者只是在您的 php 代码中应用填充 css 样式。

【讨论】：

【解决方案2】：

在调用#error之前像这样写css

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

现在当你调用#error 时，将 css 设置为

#error {
display:block;
}

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

【讨论】：