Как вернуть элемент на страницу без Javascript с помощью CSS?

Question

[Григорий Васильков]

Есть ли какое-нибудь кроссбраузерное свойство для аттрибута DISPLAY, чтобы вернуть элемент в то положение, которым он был объявлен при старте страницы?

***

Я часто использую inline-block. Можно конечно повесить класс .inline-block который будет делать элемент таким, а если добавить второй класс .disable - то элемент будет получать display: none;

Вопрос в следующем - когда речь идет о следующей ситуации:
- по-умолчанию элемент скрыт
- при определенном media запросе элемент показать
- заранее неизвестно - этот элемент таблица, блок или инлайновый (то есть что-то вроде общего класса .only-desktop) который можно навесить на любой элемент

не создавая отдельно
only-desktop-table
only-desktop-inline
only-desktop....

Answer 1

[zuraavl]

я скрываю с opacity: 0 visibility: hidden, может это то, что тебе нужно
а если нужно скрыть еще и его высоту, то можно добавить position: absolute

Comments

[Григорий Васильков]

Ну вообще да, решение, а еще есть что-нибудь?

Answer 2

[_ _]

Инвертируйте логику и вместо того, чтобы показывать элемент, скрывайте его на нужных медиа-запросах.

Comments

[Григорий Васильков]

Можно и так. Дефолтные стили правильные, а при мобильной - изменяются