前端
请叫我耿大爷
整理自己平常遇到的问题,留作备份,也希望可以帮助遇到同样问题的人。
展开
-
table添加垂直滚动条
思路:1、把tbody设置成display:block,然后就对其高度设置一个固定值,overflow设置成auto。2、把thead的tr设置成display:block。3、因为都设置成block所以要给td手动添加宽度<table class="layui-table"> <thead> <tr style="display:block;"> <th style="width:20%"></th> <!-- 其转载 2020-07-22 16:54:32 · 1699 阅读 · 0 评论 -
移动端屏幕宽度自适应原理及实现
移动端屏幕宽度自适应原理及实现问题:当前市场上手机屏幕宽度不尽相同,常见有320px(ipone5)、375px(ipone678)等等,而为了在不同宽度的手机屏幕上良好现显示网页,我们需要解决方案。原理:当前前端解决手机屏幕自适应的手段极多,究其原理,主要分为两大版块:一、使用百分比长度单位,当前百分比长度单位一般如下:vw、vh、vm、em、rem、%,优点:一套css代码即可适应所有屏幕宽度不同的手机;二、使用固定长度单位px,再使用js根据当前屏幕宽度与固定宽度计算比例,进行网页缩放。优点:转载 2020-07-22 11:25:05 · 865 阅读 · 0 评论 -
Bootstrap-datetimpicker时间选择器
废话少说,下面是代码,与效果图<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>datetimpicker测试</title> <!--图标样式--> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/原创 2020-05-16 10:20:50 · 376 阅读 · 0 评论 -
jQuery对checkbox的各种操作
//注意: 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上(包含)建议用prop //1、根据id获取checkbox $("#cbCheckbox1"); //2、获取所有的checkbox $("input[type='checkbox']");//or $("input[name='cb...转载 2020-04-28 15:35:36 · 194 阅读 · 0 评论 -
Jquery获取table选中行数据
$("table tr").click(function() {//为表格的行添加点击事件 var tr = $(this);//找到tr元素 var td = tr.find("td");//找到td元素 alert(td[0].innerHTML);//指定下标即可,安卓正常,iOS返回的是html代码 alert(td[0].innerText);//指定下标...原创 2020-04-28 15:14:16 · 5394 阅读 · 0 评论 -
bootstrap 常用导航菜单样式
bootstrap 常用导航菜单样式<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 基本的胶囊式导航菜单</title> <link rel="stylesheet" href="https://cdn.st...原创 2020-04-20 15:51:09 · 1943 阅读 · 0 评论