Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

  • 本篇文章具体介绍如下

今天这里分享一个简单的方法,来达到文章内容页高度自适应的目的!EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

在文章站中,应该不少出现这样的一种情况,一篇文章除了标题,文章内容特别少,而我们再写入CSS样式的时候,不会去定死它的高度;EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

那么,不定死高度会出现什么情况呢?文章特别短的时候,整个见面会有种“单边重”的感觉!展示文章内容的区域空白会有一大片留着,影响到了用户体验度。EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

那现在通过一个简单的JQ特效实现,文章高度低于指定像素后,自动的给文章加上CSS高度样式定死;EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

以下是hTML具体代码:EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.p{width:300px; border:1px #CCCCCC solid; padding:6px;}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src=""></script>
</head>
     
<body>
    <div class="p">
        有些要求严格管理进出的门禁系统,会用另一个读卡器取代出门按钮,即双向读卡门禁系统,这样不但可以管理进入的人的权限,也可以管理外出人员的权限,并记录其进出记录.安全级别更高.也有的门禁系统读卡器是带密码键盘功能,进入时不但要求卡符合通过身份,而且必须输入相关密码,这样可以保证即使卡片被人拣到都无法进入.
生物识别的门禁系统指用指纹仪虹膜设备掌型仪等取代读卡器的门禁系统.
通讯集线器有两个作用,加大控制器到电脑的传输距离,和将众多的控制单元进行联网有些要求严格管理进出的门禁系统,会用另一个读卡器取代出门按钮,即双向读卡门禁系统,这样不但可以管理进入的人的权限,也可以管理外出人员的权限,并记录其进出记录.安全级别更高.也有的门禁系统读卡器是带密码键盘功能,进入时不但要求卡符合通过身份,而且必须输入相关密码,这样可以保证即使卡片被人拣到都无法进入.
生物识别的门禁系统指用指纹仪虹膜设备掌型仪等取代读卡器的门禁系统.
通讯集线器有两个作用,加大控制器到电脑的传输距离,和将众多的控制单元进行联网
    </div>
</body>
</html>

JQ具体代码:EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

<script type="text/javascript">
$(document).ready(function(){
    var h = $(".p").height();//获取高度并且赋值给变量h
    if(h>300){//判断获取到的值是否小于指定高度
        $('.p').css('height','100px');
        $('.p').css('overflow','hidden');
    }
});
</script>

效果:
EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

未处理的效果:EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

如何用js得到当前页面的url信息方法(JS获取当前网址信息)EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

EbFAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明,本站内容来源于互联网,如果侵犯了你的权益请联系本站删除。,php教程,html教程,linux教程,MyS

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市