时间戳

首页 > 解决方案 > HTML CSS：是否有无用的标签？

html - HTML CSS：是否有无用的标签？

问题描述

有没有办法创建一个无用的 Html 标签，它什么都不做（不影响格式、内容、间距，更像是一个空标签？是 span 还是 div？

我想在以下项目周围放置一个无用的标签。如果我在前后添加 span 或 div，它会在 Codepen 中向上移动项目。只寻找一个标签容器，而不是两个。

https://codepen.io/WebTesting41/pen/YoBmye

 <i class="material-icons" style="font-size:48px;">notifications</i>
 <i class="material-icons" style="font-size:48px;">delete</i>

代码：





.grid-container 
{
 display: grid;
 grid-template-columns: repeat(1, 50px);
 grid-template-rows: repeat(2, 50px);
 grid-gap: 1px;
 padding: 0px;
 align-items: center;
}
  
.material-icons
{
   text-align:center;
}


<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<div class="grid-container" id="gridid1556351f5ece4ee3a7dce6962be48e39" >
   <i class="material-icons" style="font-size:48px;">notifications</i>
   <i class="material-icons" style="font-size:48px;">delete</i>
</div>

标签： htmlcsstwitter-bootstrap

解决方案

分别用于两个元素。您对 codepen 中的两个元素都使用了一个跨度。我已经编辑了 html 文件。核实。希望它会帮助你。

.grid-container.toolsetbutton
{
 display: grid;
 grid-template-columns: repeat(1, 50px);
/*  grid-template-rows: repeat(2, 50px); */
 grid-gap: 1px;
 padding: 0px;
 align-items: center;
}
  
.material-icons.toolsetbutton
{
   text-align:center;
}
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<div class="grid-container toolsetbutton" id="gridid1556351f5ece4ee3a7dce6962be48e39" >
   <span><i class="material-icons toolsetbutton" style="font-size:48px;">notifications</i>
   <i class="material-icons toolsetbutton" style="font-size:48px;">delete</i></span>
</div>

推荐阅读