我目前正在隐藏一个基于 if 语句的div。我使用的方法是,使用echo
出css
风格的display: none
这是我具体正在做的事情:
<style>
#content{
<?php
if(condition){
echo 'display:none';
}
?>
}
</style>
<body>
<div id="content">
Foo bar
</div>
</body>
我的问题是,这是隐藏div的好方法吗?浏览器是否有可能缓存样式并因此忽略echo
-ed out css
样式?
在你的CSS(Cascade Style Sheet)中使用php并不"正确",
另外,你可以在HTML中使用Php:
<body>
<?php if (condition){ ?>
<div id="content">
Foo bar
</div>
<?php } ?>
</body>
使用此代码,div 块不会出现(并且您不会在 JavaScript 中使用它),您可以使用它来隐藏您的div :
<body>
<div id="content" <?php if (condition){ echo 'style="display:none;"'; } ?>>
Foo bar
</div>
</body>
为什么不创建一个类:
<style>
.hidden {
display: none;
}
</style>
然后用PHP应用它:
<div id="content" <?php print ( condition ? 'class="hidden"' : '' ); ?> >
这不是隐藏div 的最佳方式。由于 PHP 是在服务器端解析的,因此您最好让 if 语句包含或排除div,而不是回显 CSS 类。对 CSS 类有用的唯一情况是,如果您计划稍后使用 JavaScript 在页面上显示div,而用户在页面上。
你可以:
<div runat="server" id="theDiv">
Code behind is
{
theDiv.Visible = False;
}
或
大多数人会使用javascript
这是一个可以帮助您的上一个线程:
Javascript if else 语句隐藏和显示div
是的,这是隐藏div 的标准方法。关于浏览器缓存,它不应该缓存它,因为它不在外部样式表中。
我通常尽量避免在CSS中使用PHP条件;特别是内联CSS(在同一页面上的CSS)。
我会将您的 CSS 保存在它自己的 CSS 文件中,并使用 PHP 条件将"隐藏"类添加到 DIV -OR- 根本不回显 DIV。
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<div id="content" <?php if(conditional) : ?>class="hide"<?php endif;?>>
Foo bar
</div>
</body>
或者
<?php $class = (conditional) ? "hide" : ""; ?>
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<div id="content" class="<?=$class?>">
Foo bar
</div>
</body>
或
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<?php if (conditional) : ?>
<div id="content">
Foo bar
</div>
<?php endif; ?>
</body>
很多时候,div 需要输出,以便可以使用 JavaScript 重新显示(例如轮播、滑块等)