51dev.com IT技术开发者社区

51dev.com 技术开发者社区

input lable水平对齐

input lable水平对齐

1、CSS<styletype="text/css">   input,label{vertical-align:middle;}</style>2、html<label><inputname="c...

input输入框禁止自动补全和下拉提示

input输入框禁止自动补全和下拉提示

input输入框在输入后浏览器会记录用户输入的值,在下次输入的时候会将记录的值提示在输入框的下面,当输入框是密码的时候,这样可以看见上次输入的密码,这样用户体验不好,input标签有个属性可以禁止这种操作:<inputtype="number"autocomplete="off">这样用...

HTML+CSS做一个下拉菜单效果

HTML+CSS做一个下拉菜单效果

本文介绍了使用HTML+CSS实现鼠标划过的下拉菜单栏的示例,分享给大家,功能如下:先上效果图: 1、鼠标没在上面2、鼠标放在一级菜单上,展开二级菜单3、鼠标放在二级菜单上注释非常详细,就不多说了。html+css代码:<html><head><title&g...

HTML网页错误状态码

HTML网页错误状态码

重点内容HTTP400-请求无效 HTTP401.1-未授权:登录失败 HTTP401.2-未授权:服务器配置问题导致登录失败 HTTP401.3-ACL禁止访问资源 HTTP401.4-未授权:授权被筛选器拒绝 HTTP401.5-未授权:ISAP...

移动端fixed的元素抖动的问题

移动端fixed的元素抖动的问题

工作中发现,给一个元素添加fixed属性,让它固定在窗口某个位置,直接加fposition:fixed属性就能实现这个效果;在安卓手机上的效果都比较好,但是ios系统的个别浏览器兼容性就不好,如QQ浏览器、UC浏览器、360浏览器(这几个是ios最容易出问题的浏览器);问题:当用户快速滑动页面的到时...

html中的锚点

html中的锚点

一、页面内跳转的锚点设置      页面内的跳转需要两步:       方法一:      ①:设置一个锚点链...

怎样让网页图片高度自适应宽度

怎样让网页图片高度自适应宽度

你肯定知道width百分比可以实现图片宽度的自适应,那么你知道高度也可以根据宽度变话而自适应比变化么,看下本文就了解了!当前响应式布局,内容尺寸自适应设备是众多网站开发者的选择,毕竟现在显示器、笔记本、移动设备的尺寸太过于繁多了,其中大家都知道使用width="100%"样式可以...

Html清除浮动的几种方法介绍

Html清除浮动的几种方法介绍

Html清除浮动的几种方法介绍,在清除浮动前我们要了解两个重要的定义:浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。高度塌陷:浮动元素父元素高度自适应(父元素不写高度时,子元素写了浮动后,父元素会发生高度塌陷)知道浮动和为什么要清除浮动之后我们可以开始学...

弹性盒子理解和介绍

弹性盒子理解和介绍

传统的布局方案大多采用div+css+float+position+display来实现,但是随着css3中弹性盒子模型的推出,在前端布局方案中就又多出了一项彪悍的选项。而因为最近在研究小程序,发现中间使用弹性盒子布局效果更好效率更高一点,所以就将之前学习弹性盒模型的相关知识点整理出来,给大家分享。...

如何合并两个图标库

如何合并两个图标库

最近在项目中碰到了要合并两个icon库的需求:我们项目本来用的是bootstrap提供的glyphicons,但是现在需要用一个别的库的icon,想把这两个库合并在一起供项目使用,研究了一番后整理个教程吧~利用https://icomoon.io/app/#/select这一工具进行这两种图标库的合...

如何在html中显示JSON数据

如何在html中显示JSON数据

在项目中我们需要将json数据直接显示在页面上,但是如果直接显示字符串很不方便查看,下面小编给大家带来了html中显示JSON数据的方法,需要的的朋友参考下吧 背景:有时候我们需要将json数据直接显示在页面上(比如在做一个接口测试的项目,需要将接口返回的结果直接展示),但是如果直接显示字...

html+JQuery登录实例

html+JQuery登录实例

本篇文章主要介绍用html和JQuery制作登录网页的实例,感兴趣的朋友参考下,希望对大家有所帮助。代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>lo...

HTML中表格动态添加的方法

HTML中表格动态添加的方法

具体代码如下所示:<html><head><title>Table</title></head><body><tableborder="1"><thead><tr><td>Firs...

html+css垂直水平居中

html+css垂直水平居中

垂直水平居中有很多方法,以下展示一些比较好用易于理解的方法:已知父元素宽高的情况下结合上篇margin-top高度重合问题延伸用margin,padding都很好实现;以下方法实现未知父元素宽高子元素垂直水平居中,先设置html<!DOCTYPEhtml><html><...

div固定悬浮(左侧、右侧、任意相对位置)

div固定悬浮(左侧、右侧、任意相对位置)

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.o...