
标签的使用
zhuanghw全栈工程师
原用名 zhw0596
个人小程序:迅风去水印、西瓜泰斗、playTodo清单
个人公众号:得已科技、好风壁纸
展开
-
Html <p>标签文本缩进
<style type="text/css"> p { text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/ } </style>...原创 2018-03-15 23:09:01 · 50363 阅读 · 0 评论 -
div固定在网页底部
css position: fixed;bottom: 0;原创 2018-06-09 19:02:16 · 11310 阅读 · 0 评论 -
web项目中通过button按钮跳转到action中
原创 2018-06-10 09:51:16 · 10084 阅读 · 0 评论 -
禁止input文本框输入实现属性
readonly、disabled、autocomplete1.readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值. <input type="text" name="www.xxx" readonly="readonly" /> 2.disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接...原创 2018-06-17 16:59:45 · 6880 阅读 · 0 评论 -
真正的让iframe自适应高度
<iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" onload="changeFrameHeight()" frameborder="0"></iframe>js代码也得跟着改function changeFrameHeight(){ var ifm= documen原创 2018-06-10 15:19:10 · 16439 阅读 · 3 评论 -
点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
<input id="btnClick" type="button" value="原生写法" class="btn-green radius" /> <div id="pop" class="centerDiv radius" style="width: 260px; height:转载 2018-06-10 15:47:18 · 4171 阅读 · 0 评论 -
table td 固定宽度,超出部分省略隐藏
table添加一个样式: style="table-layout:fixed;" width=100% table要给个宽度,可以是固定值,可以是百分比。 td增加样式: white-space: nowrap;text-overflow: ellipsis;overflow: hidden; 最后的效果如下: ...原创 2019-01-08 10:16:55 · 1663 阅读 · 0 评论 -
创建maven项目是其中的group id和artifact id怎么填写
groupid和artifactId被统称为“坐标”是为了保证项目唯一性而提出的,如果你要把你项目弄到maven本地仓库去,你想要找到你的项目就必须根据这两个id去查找。 groupId一般分为多个段,这里我只说两段,第一段为域,第二段为公司名称。域又分为org、com、cn等等许多,其中org为非营利组织,com为商业组织。举个apache公司的tomcat项目例子:这个项目的groupId...原创 2019-01-23 15:20:35 · 392 阅读 · 0 评论 -
div清除浮动
style="clear:both"清除上两个层的浮动,也就是说以下的层就继续垂直排列了原创 2019-02-09 15:27:13 · 1677 阅读 · 0 评论 -
jquery修改a标签的href链接和文字
以下修改a标签的href链接和修改文字的代码:原链接:<a href="http://keleyi.com" id="home_keleyi_com">得已111</a>修改a标签的href链接:$('#home_keleyi_com').attr('href','http://keleyi.com');修改文字:$("#home_keleyi_com")...原创 2019-02-24 09:37:14 · 25105 阅读 · 2 评论 -
ready()与onload()的区别
window.onload() $(document).ready() 加载时机 必须等待网页全部加载完毕(包括图片等),然后再执行JS代码 只需要等待网页中的DOM结构加载完毕,就能执行JS代码 执行次数 只能执行一次,如果第二次,那么第一次的执行会被覆盖 可以执行多次,第N次都不会被上一...原创 2019-02-24 09:52:01 · 14664 阅读 · 0 评论 -
herf 携带变量传递
<div class="col-md-6" style="float:left"> <span>查询条件:</span> <input type="text" id="selectidnum" placeholder="用户类型名称"> <a class="btn btn-...原创 2019-04-27 16:07:33 · 1126 阅读 · 0 评论 -
input最大长度限制问题
<input type="text" maxlength="5" /> //可以<input type="number" maxlength="5" /> //没有效果<input type="number" oninput="if(value.length>5) value=value.slice(0,5)" /> //js控制,可以...原创 2019-05-03 21:46:43 · 11175 阅读 · 0 评论 -
jquery怎么获取radio的值
1.获取选中值,三种方法都可以:$('input:radio:checked').val();$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();原创 2019-05-10 01:53:00 · 15965 阅读 · 0 评论 -
移动端h5页面根据屏幕适配的四种方案
文章转载自 百撕可乐https://www.cnblogs.com/web1/p/9812669.html方法一:引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案:https://github.com/amfe/lib-flexible(此处可点击)淘宝的其实也和viewport的有点像,但是它主要是根据设备设备像素比设置scale的值,保持视口device-width始终等...转载 2019-07-24 11:39:09 · 10893 阅读 · 1 评论 -
用input做的下拉框,可编辑的下拉框
<input type="text" list="itemlist" name=""><datalist id="itemlist"> <option>item1</option> <option>item2</option></data原创 2018-06-15 18:10:00 · 3641 阅读 · 0 评论 -
CSS控制网页中每行显示的字数个数
多余的字数用 “...代替”p{width:900px; <!--显示宽度-->overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}自动换行 1. <style type="text/css"> p{ width: 900px;...原创 2018-03-15 23:13:09 · 11907 阅读 · 0 评论 -
span 设置width
在标准兼容模式下的html,内联元素是不支持width的,例如span,只有块级元素是支持的。推荐: display:inline-block如果设置display:block,width属性生效,但是此时的span跟div一样了。 如果设置display:inline-block,则span并列在同行,而且width属性生效。 元素display属性的常见值说明: block:块对象的默认值。将...原创 2018-03-22 16:46:20 · 371 阅读 · 0 评论 -
radio 根据默认值选中
添加checked即可<input type="radio" name="operatorChar" value="1" checked />+原创 2018-03-22 16:50:36 · 575 阅读 · 0 评论 -
简单定义div内容位置
只适用快速定义,建议用css样式定义原创 2018-03-22 16:57:22 · 2573 阅读 · 0 评论 -
a标签的target链接跳转指向iframe的方法
<iframe name="myFrameName" ></iframe> <a href="#" target="myFrameName" >11111</a>原创 2018-03-30 00:21:34 · 14578 阅读 · 1 评论 -
input表单
input 输入值 内容居中:text-align:center;input输入框光标高度问题IE:不管该行有没有文字,光标高度与font-size大小一致FF:该行没有文字时,光标大小与input的 height 大小一致;该行有文字时,光标大小与font-size大小一致chrome:有2种情况,①设置了line-height 该行没有文字时,光标大小与input的 line-height ...原创 2018-03-30 12:01:35 · 463 阅读 · 0 评论 -
去除inline-block元素间间距最快最简单方法
原创 2018-04-01 21:46:48 · 191 阅读 · 0 评论 -
ul,ol列表项设置图片显示不出
1.图片为中文名时显示不出;2.路径不对;3.设置list-style-image: url(../text-images/1.png);原创 2018-04-01 22:22:52 · 934 阅读 · 0 评论 -
CSS3的nth-child选择器的使用
在w3school网站上,对于 nth-child 的解释十分含糊,以至于我一段时间认为,这个东西实在没什么大用.可是,当我研究透了之后,我猛然间发现,这家伙实在是太厉害了啊!!当我们把 nth-child 这个选择器用到极致的时候,可以说,我们在处理任何列表的时候,是不需要给这些列加上class的.有哪些 nth-child ?nth-child 不仅仅只有一个,而是有一系列的这样的选择器,可以...原创 2018-04-02 16:41:08 · 4351 阅读 · 1 评论 -
div中 class与id同时使用、分开使用的区别
首先,介绍id和class的区别: 1、id是一个标签,用于区分不同的结构和内容;id是先找到结构/内容,再给它定义样式;class是一个样式,可以套在任何结构和内容上;class是先定义好一种样式,再套给多个结构/内容。 2、id是元素的名称,可以供js或其它脚本程序来访问该元素对象,而class是该元素的css类名。 3、定义样式时,id="aa"的用#aa{...},class="bb...原创 2018-04-15 14:40:09 · 5055 阅读 · 1 评论 -
div嵌套时背景图片不显示问题解决方法
1. 常见的子div背景把父div背景给盖住了解决方法:在他们两个div样式里设置z-index属性值,父div的值大于子div的值,值越大越靠近屏幕,不过请注意的是z-index生效的前提是div的position属性值为absolute/relative/fixed….2. IE6下不显示背景图的问题解决方法:检查图片路径对不对,要注意相对路径和绝对路径,还有就是图片的命名尽量避免汉字,...原创 2018-04-15 18:13:26 · 11890 阅读 · 0 评论 -
html中去除ul,ol,li标签的样式列表排序点
在ol,ul,li标签样式中添加list-style:none;部分教学添加padding: 0px; margin: 0px;就可以使用,但不建议!原创 2018-03-28 17:35:36 · 13523 阅读 · 0 评论 -
透明度十六进制代码
解析:〈#ffffffff〉#ffffffff由#加八位数字或字母组成,前两个ff为透明度(十六进制),后面六位ffffff为颜色代码,采用RGB配色(十六进制)需要修改的机油一般都要查找相关资料,这里教你一个更快捷的方法!附件下载;进位制转换器RGB调色板一、进位制转换器获取透明代码的方法安装打开,出现一个操作面板,Hex(十六进制)、Dec(十进制)、Octal(八进制)、Bin(二进制)输出...原创 2018-05-12 23:03:59 · 3700 阅读 · 0 评论 -
用response.write方法 输出 <img src="upload/1.jpg">
response.write("<img src='upload/1.jpg'>")原创 2018-06-11 21:56:13 · 16476 阅读 · 0 评论 -
viewport H5适配
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - ...原创 2019-07-24 11:42:01 · 369 阅读 · 0 评论