html
关注
分享
扫一扫
lvw1105
这个作者很懒，什么都没留下…
展开
-
chrome中两层以上Div嵌套时，高度无法自适应的问题
[code="html"] [/code] 如上所示，div1与div2的高度都不设定时，div1会随着div2的内容而自动调整高度。 [code="html"] [/code] 如果加入了div2_1，这时候div2无法随着div2_1的内容而自动调整高度。 解决办...2011-12-26 16:58:15 · 312 阅读 · 0 评论 -
respond.js在IE下不工作
找了半天原因，最后发现原来是respond.js和bootstrap.min.css的顺序出了问题。 正确的顺序是： <link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"> <!--[if lt IE 9]> <script sr2014-03-07 14:15:21 · 166 阅读 · 0 评论 -
文档声明<!DOCTYPE html>对css的影响
用php做了一个网页，和Java的代码基本完全一致，可显示效果却差别很大。 具体表现是： Java版的页面中的body和div使用了css，在css中设置了height:100%，但页面高度并没有充满全屏。 php版的页面是从Java版本拷贝做成的，但是php版本的页面高度却是充满全屏的。 找到了问题的原因，没错，就是文档声明部分不同而已。 Java版本的是 <!DOC...2014-03-05 16:36:46 · 346 阅读 · 0 评论 -
文档声明<!DOCTYPE html>导致document.body.offsetHeight取值为0
关于通过JS获取窗口高度和宽度的问题，如果使用了文档声明（<!DOCTYPE html>），则取得document.body.offsetHeight的值是0，删除文档声明后，则可以取得正确的值，可见文档声明对JS是有影响的，时间关系没有详细调查，下面的一篇文档可以作为参考。 DOCTYPE声明对JS获取窗口宽度和高度的影响 ...原创 2014-03-03 13:36:07 · 865 阅读 · 0 评论 -
div显示滚动条
div显示滚动条 基本是通过CSS去实现滚动条。(1)垂直滚动条设置是否显示滚动条主要是在CSS中设置下列的属性： overflow： visible | auto | hidden | scrolloverflow-x：横向滚动条overflow-y：纵向滚动条 参数的意义： visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的win...原创 2014-06-03 09:51:39 · 266 阅读 · 0 评论 -
养成写文档类型定义的习惯
今天在IE8下写了一句css没有任何效果。 [code="html"] input[type="text"] { width:30px; } [/code] 原因是html文件中缺少文档类型定义 [code="html"] [/code] 2013-09-09 追记 为了优化页面的读取速度，写了一个动态执行js的模块，如果div在显示区域，就执行指定的j...2013-08-01 16:17:03 · 98 阅读 · 0 评论 -
设定css使chrome打印背景色
在body中加入下面的代码即可： style="-webkit-print-color-adjust: exact;" 转自： http://www.qianduanzu.com/2012102299.html原创 2012-12-05 11:40:16 · 503 阅读 · 0 评论 -
js+css 简单的高亮选中对象
功能： 点击列表中的对象时，为选中对象加上边框（高亮显示）。 实现过程： 1.为每个对象指定css名称：mycss 2.定义两个css，一个overcss，一个outcss 3.通过mycss为每个对象绑定mouseover，mouseout，click三个事件的处理，在处理中操作css从而实现选中对象时的高亮显示。 注：本文使用了jquery用于方便定位对象。 以下...2012-08-23 16:14:13 · 430 阅读 · 0 评论 -
CSS教程:div垂直居中的N种方法[转]
在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生 效，例如表格元素中的、、等，而像、这样的元素是没有valign特性的，因此使用ver...原创 2012-11-20 09:17:03 · 96 阅读 · 0 评论 -
js控制html中的readonly
注意readOnly中的O是大写。 [code="html"] document.getElementById("xxxxx").readOnly = true; document.getElementById("xxxxx").readOnly = false; [/code]原创 2012-03-15 15:55:55 · 193 阅读 · 0 评论 -
图片按钮消除边框
如果为图片加上了链接，那么久会有个蓝色的框，在img中用border="0"可以消除该框，虚线可以这样来消除，在这个a标记里加上这两个属性：。这两个一个是消除在IE中的虚线 一个是消除firefox中的虚线...原创 2012-03-08 13:46:48 · 130 阅读 · 0 评论 -
表单元素与提示文字无法对齐的解决方法
[code="html"] body { font-family: tahoma; font-size: 12px; } input[type=checkbox] { vertical-align: middle; padding: 2px; } label { vertical-align: middle; } [/code] ...原创 2012-03-08 13:41:25 · 143 阅读 · 0 评论 -
Form中的回车
Form中有两个控件：分别是textbox和button，按下button调用js方法进行ajax处理。 [code="html"] [/code] 问题： 把焦点放在textbox中，按下回车，页面发生跳转，form中的内容显示在了整个浏览器中（而不是预想的div中），这时js没有被调用。也就是说只是client端的动作。 解决： 把两个控件移到form外面。 ...原创 2012-02-10 09:16:16 · 134 阅读 · 0 评论 -
网络通讯堵塞情况下的定时刷新
使用setInterval可以实现定时刷新功能，但是当刷新间隔过短，请求等待时间过长时（例如网络堵塞），往往一个请求还没有回来，下一个请求又发了出去，这种情况下采用setTimeout可以避免多次发请求。 function testAjax(){ .ajax { // 等待请求返回后再发送下一个请求（等待时间多长都可以，直至request timeout） se...原创 2012-02-02 17:57:24 · 140 阅读 · 0 评论 -
div横向平铺的css设定
div横向平铺的设定： 1.position:relative 2.folat:left 3.overflow:auto2012-01-17 16:27:04 · 1928 阅读 · 0 评论 -
HTML字符实体（Character Entities），转义字符串（Escape Sequence）
HTML字符实体（Character Entities），转义字符串（Escape Sequence） 为什么要用转义字符串？ HTML中，&等有特殊含义（，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？ 这就要说到HTML转义字符串（Escape Sequence）了。 转义字符串（Escape ...原创 2012-01-09 19:35:20 · 121 阅读 · 0 评论 -
span的完美css
[code="html"] .span { list-style-type: none; display: inline-block; zoom: 1; vertical-align: top; width: 80px; height: 30px; line-height: 30px; text-align: center; margin-...2011-12-28 11:19:25 · 176 阅读 · 0 评论 -
HTML资源
一个很漂亮的后台管理模板，使用了各种漂亮控件： http://usman.it/themes/charisma/index.html Animate.css是一个实现了各种动作效果的css： http://daneden.github.io/animate.css/ Font Awesome 提供了很多漂亮的图像字体，不仅可以配合 Bootstrap 使用，它还可以单...2014-03-11 09:41:50 · 122 阅读 · 0 评论