目录

前言

一、span标签是什么?

二、span常用

1.可以嵌套a标签。

2.直接使用

3.加样式使用

4.加按钮使用

5.加a标签的综合使用

6.跟table结合使用

总结

前言

本篇章主要记录一下开发日常中,所常遇见的使用span标签的场景。

一、span标签是什么?

span标签是行内标签,被用来组合文档中的行内元素。当对它应用样式时,它会产生视觉上的变化。它可以划分为好几个区域来使用。span标签是内联元素,不像块级元素那样有换行的效果, span标签可以设置id或class属性,这样不仅能增加语义,还能更方便的对span元素应用。

二、span常用

1.可以嵌套a标签。

代码如下(示例):

你好

hello/a>

2.直接使用

代码如下(示例):

你好呀

3.加样式使用

它是要结合display来使用才行,可以是block,也可以是inline-block。

你好呀

4.加按钮使用

通过

详情1

5.加a标签的综合使用

操作

查询

恢复

更改

取消

6.跟table结合使用

:size="small"

:columns="columns"

:rowKey="records => records.id"

:dataSource="dataSource"

:pagination="false"

:loading="loading"

:scroll="{ x: 1050}">

放开

绑定

总结

这里主要针对span的用法进行了简单的总结,主要是如何使用这个标签,以及如何加样式,它才会生效。