How can I hide the div without using display:none or JavaScript?

Question

<a class="btn btn-warning btn-xs" data-toggle="modal" data-target="#myModalSync">Sync</a> => how to hide html tag without using display: none or js, just using pure css

https://stackoverflow.com/questions/29588632/how-can-i-hide-an-element-with-css-while-still-keeping-it-on-the-page — ksav, Jun 15 '22 at 01:54
@Raptor he probably doesn't want the document to change when the link disappears — Spencer May, Jun 15 '22 at 02:03
@Raptor in a table row, i want to assign an extra place to open the modal, for example title,
desc
,..., but i am getting error when using bootstrap modal, it doesn't let me open the modal when there is no Sync in the row, this happens when i use framework yii2 — Đỗ Ngọc Sơn, Jun 21 '22 at 03:48

score 1 · Answer 1 · answered Jun 15 '22 at 02:11

You can hide any div using visibility CSS but it's stayed in same position and same same space then you need to simply use height 0 and width 0 when you visible that's div then you can resize the height width, Css is here, Hope it will help you

div{
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
   }

score 0 · Answer 2 · answered Jun 15 '22 at 02:03

0

You could set the z-index to negative value so it's covered up by other content.

answered Jun 15 '22 at 02:03

Ethan Brown

683
6
11

How can I hide the div without using display:none or JavaScript?

2 Answers2