Javascript 如何将标签直接放置在跨度下方？

我无法将标签直接放置在跨度图元下。如果这是一个需要标签的输入，我将为输入元素分配一个name属性，并为标签分配一个for=“name”属性。但是，我无法为跨度指定名称属性

我必须使用一个跨度，因为我想使用这些必须放置在跨度内的图标

目前，我被标签粘在跨度的左侧或右侧。我似乎无法使它在跨度元素下居中

这是我的密码：

@font-face{
字体系列：icomoon；
src:url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.eot?-m9wrda）；
src:url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.eot?#iefix-m9wrda）格式（“嵌入式opentype”），
网址(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.ttf?-m9wrda）格式（“truetype”），
网址(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.woff?-m9wrda）格式（“woff”），
url（fonts/2ad343be.icomoon.svg#icomoon）格式（“svg”）、url（fonts/69e79c77.icomoon.woff）格式（“woff”），
网址(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.svg?-m9wrda（icomoon）格式（“svg”）；
}
.图标气泡{
字体系列：“icomoon”；
说：没有；
字体风格：普通；
字体大小：正常；
字体变体：正常；
文本转换：无；
线高：1；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
字体大小：36px；
颜色：#f00；
边框：1px纯白；
}
.图标气泡：之前{
内容：“\e613”；
}
#背{
宽度：400px；
高度：200px；
背景：黑色；
颜色：白色；
}
桌子{
边界塌陷：塌陷；
左缘：5%；
}
表，th，td{
边框：1px纯白；
高度：80px；
}
标签{
边框：1px纯白；
}

标签文本
标签文本
标签文本

，因为

表格

只能用于表格数据。因此，我重新构造了HTML，因此它使用了

div

。接下来，您只需要将

span

元素设置为

display:block

，这将导致元素的行为类似于

div

，并导致后续元素发生换行

此外，标签设计用于表单，用于标记

输入

字段。如果您只是想要一些与

span

关联的文本，只需使用另一个

span

或

p

标记即可

@font-face{
字体系列：icomoon；
src:url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.eot?-m9wrda）；
src:url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.eot?#iefix-m9wrda）格式（“嵌入式opentype”），url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.ttf?-m9wrda）格式（“truetype”），url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.woff?-m9wrda）格式（“woff”），url（fonts/2ad343be.icomoon.svg#icomoon）格式（“svg”），url（fonts/69e79c77.icomoon.woff）格式（“woff”），url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.svg?-m9wrda（icomoon）格式（“svg”）；
}
.图标气泡{
字体系列：“icomoon”；
说：没有；
字体风格：普通；
字体大小：正常；
字体变体：正常；
文本转换：无；
线高：1；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
字体大小：36px；
颜色：#f00；
边框：1px纯白；
}
.图标包装{
浮动：左；
}
.图标包装跨距{
显示：块；
}
.图标气泡：之前{
内容：“\e613”；
}
#背{
宽度：400px；
高度：200px；
背景：黑色；
颜色：白色；
}
标签{
边框：1px纯白；
}

标签文本
标签文本
标签文本

，因为

表格

只能用于表格数据。因此，我重新构造了HTML，因此它使用了

div

。接下来，您只需要将

span

元素设置为

display:block

，这将导致元素的行为类似于

div

，并导致后续元素发生换行

此外，标签设计用于表单，用于标记

输入

字段。如果您只是想要一些与

span

关联的文本，只需使用另一个

span

或

p

标记即可

@font-face{
字体系列：icomoon；
src:url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.eot?-m9wrda）；
src:url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.eot?#iefix-m9wrda）格式（“嵌入式opentype”），url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.ttf?-m9wrda）格式（“truetype”），url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.woff?-m9wrda）格式（“woff”），url（fonts/2ad343be.icomoon.svg#icomoon）格式（“svg”），url（fonts/69e79c77.icomoon.woff）格式（“woff”），url(http://s3.amazonaws.com/icomoon.io/4/IcoMoonApp/icomoon.svg?-m9wrda（icomoon）格式（“svg”）；
}
.图标气泡{
字体系列：“icomoon”；
说：没有；
字体风格：普通；
字体大小：正常；
字体变体：正常；
文本转换：无；
线高：1；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
字体大小：36px；
颜色：#f00；
边框：1px纯白；
}
.图标包装{
浮动：左；
}
.图标包装跨距{
显示：块；
}
.图标气泡：之前{
内容：“\e613”；
}
#背{
宽度：400px；
高度：200px；
背景：黑色；
颜色：白色；
}
标签{
边框：1px纯白；
}

标签文本
标签文本
标签文本

您可以尝试将

和

分别放在一个div内，宽度为

100%

和

文本对齐：居中，如下所示：

 <div style="width:100%;text-align:center">

      <span class="icon-bubbles"></span>
 </div>

 <div style="width:100%;text-align:center">

      <label>Label Text</label>
 </div>



标签
td {
  text-align: center;
}

.icon-bubbles {
  display: block;
  margin: 10px 30px;
}