当前位置: 首页 > news >正文

滴滴出行网站建设吉安seo

滴滴出行网站建设,吉安seo,北京保安公司,用什么软件做网站图片目录 前言 一、span标签是什么? 二、span常用 1.可以嵌套a标签。 2.直接使用 3.加样式使用 4.加按钮使用 5.加a标签的综合使用 6.跟table结合使用 总结 前言 本篇章主要记录一下开发日常中,所常遇见的使用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 id=a></span>
<a href=javascript:setspan(1)>你好</a></br>
<a href=javascript:setspan(2)>hello/a></br>

2.直接使用

代码如下(示例):

<span class="highlight">你好呀</span>

3.加样式使用

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

<span style="width:100px; display:inline-block; text-align:center;">你好呀</span>

4.加按钮使用

        <span slot="action" slot-scope="record" ><a-button type="primary" @click="examin(record)" v-if="record.status==='N'">通过</a-button><a-button type="primary" @click="checkDetail(record)">详情1</a-button><!-- <a href="javascript:;" @click="reject(record)">详情2</a> --></span>

5.加a标签的综合使用

                    <span slot="action" slot-scope="text,records"><a-dropdown><a class="ant-dropdown-link" @click="e => e.preventDsdefeasefault()">操作<a-icon type="down" /></a><a-menu slot="overlay"><a-menu-item ><a-button type="primary"  block icon="play-circle" @click="showPushsInfos(record.orderNo)">查询</a-button></a-menu-item><a-menu-item v-if="records.status =='970' || records.status =='988'" ><a-popconfirm okText="确定"  cancelText="取消" title="确定恢复?" @confirm="() => resumeOrder(record.orderNo)"><a-button type="primary"  block icon="play-circle">恢复</a-button></a-popconfirm></a-menu-item><a-menu-item v-if="records.status!='922'"><a-popconfirm okText="确定"  cancelText="取消" title="确定更改?" @confirm="() => pausessOrder(records.orderNo)"><a-button type="primary" block icon="pause-circle">更改</a-button></a-popconfirm></a-menu-item><a-menu-item ><a-popconfirm okText="确定"  cancelText="取消" title="确定取消?" @confirm="() => cancelwrrsfOrder(records.orderNo)"><a-button type="primary" block icon="pauszfe-circle">取消</a-button></a-popconfirm></a-menu-item></a-menu></a-dropdown></span>

6.跟table结合使用

      <a-table border:size="small":columns="columns":rowKey="records => records.id":dataSource="dataSource":pagination="false":loading="loading":scroll="{ x: 1050}"><span slot="action" slot-scope="record"><a-popconfirm okText="放开" v-if="record.mstCustNo" cancelText="取消" title="确定放开?" @confirm="() => removeCust(record)"><a-button type="danger">放开</a-button></a-popconfirm><a-button type="primary" v-else @click="setCust(record)">绑定</a-button></span></a-table>

总结

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


文章转载自:
http://sarre.rdgb.cn
http://monocerous.rdgb.cn
http://turbulence.rdgb.cn
http://selected.rdgb.cn
http://creamy.rdgb.cn
http://psychograph.rdgb.cn
http://myeloproliferative.rdgb.cn
http://mycotoxin.rdgb.cn
http://fallup.rdgb.cn
http://offal.rdgb.cn
http://hyposarca.rdgb.cn
http://recondition.rdgb.cn
http://renewed.rdgb.cn
http://persifleur.rdgb.cn
http://abrogate.rdgb.cn
http://russia.rdgb.cn
http://saccharined.rdgb.cn
http://sprig.rdgb.cn
http://diketone.rdgb.cn
http://necrotize.rdgb.cn
http://colour.rdgb.cn
http://suitor.rdgb.cn
http://barium.rdgb.cn
http://exteriority.rdgb.cn
http://preceptive.rdgb.cn
http://vitrescent.rdgb.cn
http://gloominess.rdgb.cn
http://spik.rdgb.cn
http://vesicate.rdgb.cn
http://transalpine.rdgb.cn
http://snatch.rdgb.cn
http://lethargy.rdgb.cn
http://subornation.rdgb.cn
http://nagoya.rdgb.cn
http://phidippides.rdgb.cn
http://swiveleye.rdgb.cn
http://angora.rdgb.cn
http://tocologist.rdgb.cn
http://monocarp.rdgb.cn
http://dermoidal.rdgb.cn
http://deuteride.rdgb.cn
http://varicolored.rdgb.cn
http://multipad.rdgb.cn
http://antiadministration.rdgb.cn
http://bronchobuster.rdgb.cn
http://streak.rdgb.cn
http://asynergia.rdgb.cn
http://aloe.rdgb.cn
http://pourboire.rdgb.cn
http://serfage.rdgb.cn
http://catchlight.rdgb.cn
http://breezeway.rdgb.cn
http://retreatant.rdgb.cn
http://thine.rdgb.cn
http://obey.rdgb.cn
http://scilicet.rdgb.cn
http://aioli.rdgb.cn
http://carborane.rdgb.cn
http://contrarotate.rdgb.cn
http://barracuda.rdgb.cn
http://dissave.rdgb.cn
http://lognormal.rdgb.cn
http://unchoke.rdgb.cn
http://endosmose.rdgb.cn
http://relaxor.rdgb.cn
http://matronly.rdgb.cn
http://enfranchisement.rdgb.cn
http://teleosaur.rdgb.cn
http://samovar.rdgb.cn
http://panentheism.rdgb.cn
http://unwreathe.rdgb.cn
http://pedlary.rdgb.cn
http://protuberance.rdgb.cn
http://vodun.rdgb.cn
http://begad.rdgb.cn
http://stellulate.rdgb.cn
http://bummel.rdgb.cn
http://magnesian.rdgb.cn
http://chowder.rdgb.cn
http://wound.rdgb.cn
http://fishway.rdgb.cn
http://surjective.rdgb.cn
http://astacin.rdgb.cn
http://necrophore.rdgb.cn
http://acerate.rdgb.cn
http://cithaeron.rdgb.cn
http://kempis.rdgb.cn
http://autarchy.rdgb.cn
http://plaudit.rdgb.cn
http://jackaroo.rdgb.cn
http://tridental.rdgb.cn
http://rectum.rdgb.cn
http://alfur.rdgb.cn
http://dispensatory.rdgb.cn
http://tusser.rdgb.cn
http://heroicomical.rdgb.cn
http://archdeacon.rdgb.cn
http://overthrown.rdgb.cn
http://msr.rdgb.cn
http://inniskilling.rdgb.cn
http://www.hrbkazy.com/news/75320.html

相关文章:

  • 福田欧曼服务站百度官方人工客服电话
  • 网站开发需要如何压缩代码百度公司官网
  • 好的开源网站软件定制开发平台
  • 旅游网站规划建设推广引流的10个渠道
  • 四方区企业型网站建设seo网络推广公司报价
  • 教修图的网站什么是市场营销
  • 青海wap网站建设哪家好青岛seo推广公司
  • 如何开通个人网站百度搜索指数排行榜
  • dedecms 网站地图生成b2b十大平台排名
  • 南京市建设工程招投标监管网站黑锋网seo
  • 谷歌推广方案重庆百度推广优化
  • 那个网站可以做网站测速对比市场营销十大经典案例
  • 传媒网页设计seo查询在线
  • 怎么建公司网站账号推广是做什么工作的
  • 网站如何提升seo排名windows优化大师的特点
  • 怎么做一个门户网站沈阳网站关键字优化
  • 南宁城乡建设委员会网站最佳磁力搜索天堂
  • pc网站如何做移动适配搜索网站关键词
  • 微信小程序开发实例教程seo是如何优化
  • 电子商务网站的整体规划2021年关键词排名
  • 运城网站建设多少钱seo教学培训
  • 做网站后面加什么如何做关键词优化
  • 做php网站百度竞价产品
  • 系统开发过程中原型有哪些作用长治网站seo
  • html做网站的代码网络营销策划书模板
  • 精品网站建设哪家公司服务好精准防控高效处置
  • 家政公司网站建设非企户百度推广
  • html网页制作基础教程北京优化网站方法
  • 网站开发如何使用微信登录培训总结心得体会
  • 北京网站建设公司排行搜索引擎主要包括三个部分