В настоящее время я скрываю div на основе оператора if. Метод, который я использую, состоит в том, чтобы использовать 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?
display: none, когда вы хотите его скрыть. Или даже встроенный стиль. 08.08.2012 Использование Php в вашем CSS (каскадная таблица стилей) не является "правильным",
Кроме того, вы можете использовать Php в своем HTML:
<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"' : '' ); ?> >
display:none в вопросе. :) 08.08.2012 Это был бы не лучший способ скрыть div. Поскольку PHP анализируется на стороне сервера, вы могли бы также включить или исключить оператор if вместо того, чтобы повторять класс CSS. Единственный случай, когда класс CSS будет полезен, — это если вы планируете использовать JavaScript для отображения элемента div на странице позже, пока пользователь находится на самой странице.
Вы могли:
<div runat="server" id="theDiv">
Code behind is
{
theDiv.Visible = False;
}
or
Большинство людей будут использовать javascript
Вот предыдущая тема, которая поможет вам:
Javascript if else оператор для скрытия и отображения div
Да, это стандартный способ скрыть div. Что касается кеша браузера, он не должен кэшировать это, поскольку его нет во внешней таблице стилей.
Обычно я стараюсь избегать использования условий PHP внутри CSS; особенно встроенный CSS (CSS, который находится на той же странице).
Я бы сохранил ваш CSS в своем собственном файле CSS и использовал условие PHP, чтобы либо добавить класс «скрыть» в DIV, либо вообще не отображать 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>
or
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<?php if (conditional) : ?>
<div id="content">
Foo bar
</div>
<?php endif; ?>
</body>
Много раз необходимо вывести div, чтобы его можно было повторно отобразить с помощью JavaScript (например, карусели, слайдеры и т. д.).
