Скрыть границу, если нет содержимого
На div у меня есть css set:
div.class {border: 1px solid red;}
Div расположен абсолютно в центре страницы. Проблема в том, что граница появляется, даже если нет содержимого.
Любые методы css, чтобы получить границу, чтобы не отображаться, если нет содержимого?
Ответы
Ответ 1
CSS3 имеет селектор, определенный для этого случая. Он не работает в IE8 и ниже, хотя.
div.class:empty {
border: none;
}
Ваш лучший вариант - это настроить его на стороне сервера и просто не отображать этот div, если он будет пустым.
Ответ 2
Если у div может быть контент, связанный с ответом сервера, вы можете указать, является ли он пустым или заполненным ответом и изменено для отображения: none или display: block соответственно