HTML – 如何删除空div

概述我在CSS中制作了一把轻剑.代码是 div.handle{ height:10px; width:100px; background-color:black; display: inline-block; border-radius: 0 4px 4px 0; border-spacing: 0; border-collapse: coll 我在CSS中制作了一把轻剑.代码是

div.handle{    height:10px;    wIDth:100px;    background-color:black;    display: inline-block;    border-radius: 0 4px 4px 0;    border-spacing: 0;    border-collapse: collapse;}div.sword{    height:6px;    wIDth:400px;    background-color:white;    display: inline-block;    border-radius: 3px;    border-spacing: 0;    border-collapse: collapse;    margin-top: 1px;    margin-bottom: 1px;    text-decoration: line-through;}div.red{    Box-shadow: 0 0 10px red;    border:1px solID red;}

<div class = "handle"></div><div class = "sword red strike"></div>

我想完全穿透光剑.

文字装饰：直通; property仅适用于div内的文本,而不仅适用于div.

我看到Linethrough/strikethrough a whole HTML table row并试了一下.但它不能正常工作.所以我的问题是“我如何使用CSS删除空div”.

解决方法 您可以使用与 linked question中相同的border-bottom属性来执行类似 *** 作.如下所示：

div.strike {  position: relative;}div.strike:before {  content: " ";  position: absolute;  top: 50%;  left: 0;  border-bottom: 1px solID #111;  wIDth: 100%;}

您可以通过更改边框底部颜色值的值来更改颜色.这是Jsfiddle.

总结

以上是内存溢出为你收集整理的HTML – 如何删除空div全部内容，希望文章能够帮你解决HTML – 如何删除空div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。