目录
前言
一、span标签是什么?
二、span常用
1.可以嵌套a标签。
2.直接使用
3.加样式使用
4.加按钮使用
5.加a标签的综合使用
6.跟table结合使用
总结
前言
本篇章主要记录一下开发日常中,所常遇见的使用span标签的场景。
一、span标签是什么?
span标签是行内标签,被用来组合文档中的行内元素。当对它应用样式时,它会产生视觉上的变化。它可以划分为好几个区域来使用。span标签是内联元素,不像块级元素那样有换行的效果, span标签可以设置id或class属性,这样不仅能增加语义,还能更方便的对span元素应用。
二、span常用
1.可以嵌套a标签。
代码如下(示例):
2.直接使用
代码如下(示例):
你好呀
3.加样式使用
它是要结合display来使用才行,可以是block,也可以是inline-block。
你好呀
4.加按钮使用
5.加a标签的综合使用
操作
6.跟table结合使用
:size="small" :columns="columns" :rowKey="records => records.id" :dataSource="dataSource" :pagination="false" :loading="loading" :scroll="{ x: 1050}">
总结
这里主要针对span的用法进行了简单的总结,主要是如何使用这个标签,以及如何加样式,它才会生效。