网站建设生产或运营,wordpress群晖套件,画册宣传册设计公司,移动互联网站开发与维护目录
前言
一、span标签是什么#xff1f;
二、span常用
1.可以嵌套a标签。
2.直接使用
3.加样式使用
4.加按钮使用
5.加a标签的综合使用
6.跟table结合使用
总结 前言
本篇章主要记录一下开发日常中#xff0c;所常遇见的使用span标签的场景。 一、span标签是什么…目录
前言
一、span标签是什么
二、span常用
1.可以嵌套a标签。
2.直接使用
3.加样式使用
4.加按钮使用
5.加a标签的综合使用
6.跟table结合使用
总结 前言
本篇章主要记录一下开发日常中所常遇见的使用span标签的场景。 一、span标签是什么
span标签是行内标签被用来组合文档中的行内元素。当对它应用样式时它会产生视觉上的变化。它可以划分为好几个区域来使用。span标签是内联元素不像块级元素那样有换行的效果 span标签可以设置id或class属性这样不仅能增加语义还能更方便的对span元素应用。
二、span常用
1.可以嵌套a标签。
代码如下示例
span ida/span
a hrefjavascript:setspan(1)你好/a/br
a hrefjavascript:setspan(2)hello/a/br
2.直接使用
代码如下示例
span classhighlight你好呀/span
3.加样式使用
它是要结合display来使用才行可以是block也可以是inline-block。
span stylewidth:100px; display:inline-block; text-align:center;你好呀/span
4.加按钮使用 span slotaction slot-scoperecord a-button typeprimary clickexamin(record) v-ifrecord.statusN通过/a-buttona-button typeprimary clickcheckDetail(record)详情1/a-button!-- a hrefjavascript:; clickreject(record)详情2/a --/span
5.加a标签的综合使用 span slotaction slot-scopetext,recordsa-dropdowna classant-dropdown-link clicke e.preventDsdefeasefault()操作a-icon typedown //aa-menu slotoverlaya-menu-item a-button typeprimary block iconplay-circle clickshowPushsInfos(record.orderNo)查询/a-button/a-menu-itema-menu-item v-ifrecords.status 970 || records.status 988 a-popconfirm okText确定 cancelText取消 title确定恢复? confirm() resumeOrder(record.orderNo)a-button typeprimary block iconplay-circle恢复/a-button/a-popconfirm/a-menu-itema-menu-item v-ifrecords.status!922a-popconfirm okText确定 cancelText取消 title确定更改? confirm() pausessOrder(records.orderNo)a-button typeprimary block iconpause-circle更改/a-button/a-popconfirm/a-menu-itema-menu-item a-popconfirm okText确定 cancelText取消 title确定取消? confirm() cancelwrrsfOrder(records.orderNo)a-button typeprimary block iconpauszfe-circle取消/a-button/a-popconfirm/a-menu-item/a-menu/a-dropdown/span
6.跟table结合使用 a-table border:sizesmall:columnscolumns:rowKeyrecords records.id:dataSourcedataSource:paginationfalse:loadingloading:scroll{ x: 1050}span slotaction slot-scoperecorda-popconfirm okText放开 v-ifrecord.mstCustNo cancelText取消 title确定放开? confirm() removeCust(record)a-button typedanger放开/a-button/a-popconfirma-button typeprimary v-else clicksetCust(record)绑定/a-button/span/a-table 总结
这里主要针对span的用法进行了简单的总结主要是如何使用这个标签以及如何加样式它才会生效。
