使用CSS隐藏内联div

Question

我有一个内联div,我需要默认隐藏,然后使用jQuery show()和hide()函数.

我试过这个,但它不起作用:

div.mydiv { display: inline none; }

如果我删除none并只使用jQuery的hide()功能,它的工作原理.但是这样,在加载页面并执行JavaScript代码之前,元素不会被隐藏.

编辑 我里面有其他块元素div,所以我无法使用span.

Answer 1

CSS:

.mydiv { display: inline; }
.hidden{ display: none; }

HTML:

<div class="mydiv hidden"></div>

JS:

$(function(){
  $('.myDiv').removeClass('hidden');
  // do your business here
});

Answer 2

你为什么不尝试使用不显示的内联CSS？喜欢<div style="display:none;">abc</div>