首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

:empty伪类代替js,实现为空时的提示

在显示数据列表时,我们通常还会写个判断,如果数据数据为空时,显示类似“无数据”的提示给用户 下面分享一个,不用去写js判断,直接css实现为空时的信息提示。...使用方法就是利用:empty伪类 :empty 伪类用来匹配空标签元素,例如: .cs-empty:empty{ width: 120px...; padding: 20px; border: 10px dashed; } 此时,div 元素就会匹配:empty伪类,呈现出虚线框 利用:before的特性,便能实现数据为空时的信息提示...,代码如下: .cs-search-module:empty::before{ content: '没有搜索结果'; display: block; line-height: 300px...; text-align: center; color: gray; } 哈哈,发现有好一些用js操作的方法,都可以使用css来实现,大家在代码过程中,多思考一下,是否Css能代替js,

1.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    php empty()和isset()的区别

    原来,empty() 和 isset() 虽然都是变量处理函数,它们都用来判断变量是否已经配置,它们却是有一定的区别:empty还会检测变量是否为空、为零。...print " It's empty . " : print " It's $id . " ;  // 结果:It's empty ....单从empty()和isset()这两个函数本身来考虑的话会把人弄得更糊涂,换一个角度来它。empty()和isset()的处理对象无外乎未定义变量,0,空字符串。...如果变量为0,则empty()会返回TRUE,isset()会返回TRUE; 如果变量为空字符串,则empty()会返回TRUE,isset()会返回TRUE; 如果变量未定义,则empty()会返回...TRUE,isset()会返回FLASE; 手册中对empty()的解释如下: 描述bool empty( mixed var ) 如果 var 是非空或非零的值,则 empty() 返回 FALSE

    2K60

    isset,empty,is_null小知识

    php /** 在这项研究开始时,有那么多的人不能很好的运用isset,empty,is_null正确null,false等待值回报值做出正确的推理,在这里,我自己总结通过学习小知识,随后的知识...//2.1下面上对empty()函数的打印 var_dump(empty($a));    //输出true var_dump(empty($b));    //输出true var_dump(empty...($c));    //输出true var_dump(empty($d));    //输出true var_dump(empty($e));    //输出true var_dump(empty...($f));    //输出true //分析:仅仅要数据类型是否为空或假,empty()就输出true //2.2对isset进行数据返回类型測试 var_dump(isset($a));    ...使用empty          4.假设要推断一个变量被设置而且不为空,能够先使用isset,然后使用empty */ //2.3对is_null返回值类型測试 var_dump(is_null

    75010

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券