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

51dev.com 技术开发者社区

弹性盒子理解和介绍

弹性盒子理解和介绍

传统的布局方案大多采用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...

HTML中div的悬浮标题

HTML中div的悬浮标题

<divtitle="我是鼠标悬停文字">我是一个DIV</div><divclass="diggao"title="广告位1"><ahref="{$ad1.ad_link}"><imgsrc="{$ad1.ad_code}"width="255...

Fixed固定位置的悬浮div层

Fixed固定位置的悬浮div层

固定位置的Js悬浮窗口,为了便于查看效果,测试时用随机函数产生一定的内容,与浮动窗口的控制无关,不想用可以去掉。代码内有注释。   <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://ww...

html在embed标签上漂浮div

html在embed标签上漂浮div

一个html里引用了一个视频embed,做操作的时候想在视频想漂浮一个div,可是开始把div的z-index无论设置多大都显示不出来,最后在embed里加上wmode="Opaque"才才显示出来 <divclass="bgflt"><div>...

7种实现下划线的方法

7种实现下划线的方法

 1.“descenders” 指的是一个字体中,字母向下延伸超过基线的笔画部分,也称为下延部。方法一 text-decoration优点:1.使用方便 2.定位在基线下面3.在Safari和iOS里跳过了descenders4.多行也...

Html中设置按钮竖直居中

Html中设置按钮竖直居中

button标签一定要用一个div包裹着,类似于这种的,<divid="search"><divid="sbutton"><button>搜索</button></div></div>其中css的布局如下:#search{dis...

如何让html button本身居中?

如何让html button本身居中?

如何让你的htmlbutton本身居中呢?这个很好找思路,在其父标签中设置居中属性啊,如下:<html><body><center><buttononClick="myClick()">hitme</button></center&g...

一个简单的html编写的登录界面

一个简单的html编写的登录界面

<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>taobao...

innerHTML的基本用法

innerHTML的基本用法

/*这串代码的vara的变量是我瞎写的。我忘记js咋样定义变量了,我是魔鬼我错了*/<pid="aa">...</p><script>vara=1;document.getElementById("aa").innerHTML=a;</script>i...