css - 在 DIV 中仅隐藏文本而不隐藏 iframe

Question

我很难从 DIV 中隐藏文本，同时仍然允许 div 中的 iframe 出现。这是示例代码：

<div class="whatever">
    <iframe src="http://something"></iframe>
    Here is some text with <a href="#">links</a> and <strong>bold text</strong>
</div>

我只需要<iframe>出现。这很容易实现吗？

Answer 1

看这个例子：http: //jsbin.com/ewozak/1/edit

.whatever {
  font-size: 0;
}

iframe 中的内容不受其父级上设置的字体大小的影响

Answer 2

http://jsfiddle.net/xWmfK/

创建一个hidden类并添加display:none到它。

HTML

<div class="whatever">
    <iframe src="http://something"></iframe>
    <p class="hidden">
    Here is some text with <a href="#">links</a> and <strong>bold text</strong>
    </p>
</div>

CSS .hidden {显示：无}