Outlook Web App "display :none" not working

Question

I am designing a responsive email template and i have a slight problem on Outlook Web app. I found out that it removes classes so there is no point in using media queries so i try to hide a tr element like this :

<tr style="mso-hide:all;
           display:none;
           height:0;
           width:0px;
           max-height:0px;
           overflow:hidden;
           line-height:0px;
           float:left;">

But it still shoes up. Any Ideas?

Answer 1

You can add the

 <tr style="visibility: hidden"></tr>

However, this only makes it not visible... It is still there and taking up space

Answer 2

Use such class:

.hide {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}