<div></div> 内的 <i> </i> 内的内容可以隐藏吗? [复制]

Posted

技术标签:

【中文标题】<div></div> 内的 <i> </i> 内的内容可以隐藏吗? [复制]【英文标题】:Can a Content within <i> </i> inside a <div></div> be hidden? [duplicate] 【发布时间】:2016-10-03 15:49:01 【问题描述】:

我有这样的 html

<div class="meta-box-1">
<p> Content 1 </p>
<i> Content 2 </i>
<h4> Content 3 </h4>
</div>

我可以隐藏内容 2 吗?怎么样?

我用谷歌搜索它似乎无法完成。但是对于每种编码都是新手,我无法确定。任何帮助将不胜感激。

【问题讨论】:

我想知道你是如何搜索的,却一无所获... google.com/… 也许他用的是 Bing。 我真的怀疑你用谷歌搜索了它 ***.com/a/24055535/2887133 嗨@DaniP 我没有说我什么也没找到。可能是我无法正确地弄清楚事情,但在我看来,我可能不会那样做。但由于我怀疑自己的结论,所以我向你们寻求帮助。谢谢! 【参考方案1】:

添加div i display: none; 将解决上述问题。

JSFiddle

这将隐藏div 标签内的所有i 标签。

要将所有i 标记隐藏在具有meta-box-1 类的特定div 标记内,请将CSS 修改为:

.meta-box-1 i  display: none; 

【讨论】:

谢谢@applesElmi。你的回答真的很有帮助。抱歉,由于我的声誉不足,我无法为您投票。事实上,它是 1-4=-3。 ;-)【参考方案2】:
div i display:none;

在你的 css 文件中添加它会隐藏所有存储在 div 中的 i 标签

【讨论】:

谢谢@Smithy。这不会隐藏所有 div 元素中的所有 i 标签吗?我们不应该使用特定 div 的类来仅隐藏其中的 i 标记吗? 是的,如果你在 标签中添加一个类,那么只需将 css 中的 i 替换为一个点 (.),后跟类的名称

以上是关于<div></div> 内的 <i> </i> 内的内容可以隐藏吗? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

<div> 内 <ul> 内水平居中/均匀分布 <li>

在 <a> 标记内添加 <div>

如何在盒子内的 div 之间换行?

如何在 <div> 标签内的 <a> 标签内显示图像?

在 <ul> 标签内迭代 <div> Java - Jsoup

如何使 <div> 容器内的 <p> 元素居中?