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

51dev.com 技术开发者社区

Element Traversal规范中的元素遍历方法

Element Traversal规范中的元素遍历方法

对于元素间的空格,IE9以前的版本不会返回文本节点,而其他浏览器都会将空格当做是文本节点返回。这就导致了在使用childNodes和firstChild的属性时行为的不一致。为了弥补这一差异,而同时又保持DOM规范的不变,W3C ElementTraversal规范新定义了一组属性。Ele...

如何理解<head>部分未定义字符集

如何理解部分未定义字符集

在百度站长优化建议中提到“如果<head>部分未定义字符集,将增加页面渲染次数,速度减慢。”那么“<head>部分未定义字符集”是什么意思,怎么理解呢?“<head>部分未定义字符集”就是没有...

如何禁止网站文本框在手机端输入文字时网页自动放大

如何禁止网站文本框在手机端输入文字时网页自动放大

今天折腾代码的时候突然发现手机浏览页面点击输入框页面会自动放大,然后文本框部分被遮挡了,刷新网页后网页居然无法自动还原到原来的大小,然后通过对HTML的head部分设置meta属性解决了问题。代码如下:<metaname="viewport"content="width=device-widt...

多个div不换行显示

多个div不换行显示

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

html 文本溢出解决方案

html 文本溢出解决方案

下面附两种解决多行文本溢出的方案$(‘.fig‘).each(function(i){vardivH=$(this).height();var$p=$(‘p‘,$(this)).eq(0);while($p.outerHeight()>divH){$p.text($p.text().repla...

display:table-cell实现水平垂直居中

display:table-cell实现水平垂直居中

如果查看css手册,会发现display有许多带table字样的可选属性,有table、inline-table、table-row-group、table-row、table-cell等10个之多,可以赋予div类似于<table>等标签的布局特性。大多数浏览器(IE6/7除外)对其支...

文本文字在DIV中垂直水平居中显示

文本文字在DIV中垂直水平居中显示

我们都知道有这么一个属性可以让图片,文本等在元素中垂直居中vertical-align:middle;vertical-align值有很多,常用的就是middle,bottom,text-bottom等,我们先说middle。vertical-align时而没效果然而真实使用的时候,我们会发现这个属...

div块元素垂直水平居中方法总结

div块元素垂直水平居中方法总结

1、已知块级元素的宽和高,使用绝对定位+外边距设定水平垂直居中。父元素position:relative,子元素position:absolute;top:50%;left:50%;margin-top:-height/2;margin-left:-width/2;效果图如下 代码:<...

浏览器/iframe 全屏、退出全屏

浏览器/iframe 全屏、退出全屏

外面的html文件index.html:<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>fullScreen</title><style>...

HTML 固定div于页面固定位置,实现悬浮按钮。

HTML 固定div于页面固定位置,实现悬浮按钮。

一个小需求,页面过长,业务希望将按钮悬浮于页面上,不要一下拉就盖掉操作按钮。代码如下:<divid="dg"><tablewidth=""100%>//table内部控件代码</table></div>divposition参数设置为fixed其相对于...

如何扒一个网站完整的HTML+CSS源码,让所有网站都成为你的模板库

如何扒一个网站完整的HTML+CSS源码,让所有网站都成为你的模板库

如果你是网站前端设计师,当你看到一个炫酷的符合自己设计风格的网站,是不是有把它保存到本地,作为自己灵感库的冲动。如果你是后端攻城狮,临时接到一个外快,设计什么鬼完全不想做,找个看得顺眼的网站把HTML+CSS代码扒过来改一改算了。那么,有什么方法可以将网站的HTML+CSS源码完整的COPY下来呢?...

写一个完整的html代码:helloworld

写一个完整的html代码:helloworld

这是一个完整的HTML代码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body>...