随笔分类 -  div+css排版

摘要:1、高亮外框的取消 input { outline: none; } textarea { outline: none; } 如上,使用CSS的outline就可以实现 2、文本域缩放功能的取消 也是使用CSS,具体有两种方法 textarea { width: 400px; max-width: 400px; height: 400px; max-height: 40... 阅读全文
posted @ 2014-06-11 17:22 梨花驿路 阅读(253) 评论(0) 推荐(0) 编辑
摘要:在head标签中加入以上meta声明。具体属性可以谷歌/百度。 我查了下viewport,有几个属性:width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩... 阅读全文
posted @ 2014-06-11 17:20 梨花驿路 阅读(8984) 评论(0) 推荐(0) 编辑
摘要:快捷键C,进行切片 按住ctrl+alt+shift+s存储为WEB格式的,在对话框中按ctrl键选中要导出的切片,右边栏中有JPG还有GIF等格式的,下面选仅选图像,即可,如果你没有设置的话,电脑有可能会自动添加一个IMAGES文件夹,图片都在那里面,如果你不想它存在电脑添加的文件夹中,选其他,有一项是将图片存进IMAGES文件夹中,将前面的勾去了,即可保存 阅读全文
posted @ 2014-05-13 15:32 梨花驿路 阅读(1988) 评论(0) 推荐(0) 编辑
摘要:给 textarea 添加一个css 样式即可 resize: none; 用Jquery的插件控制textarea输入的字符数量 一:引用Jquery脚本,并引入 textareaCounter 下面的代码一定是写在当页面加载完成的时候 var areaOptions = { 'maxCharacterSize': 500... 阅读全文
posted @ 2014-03-10 16:19 梨花驿路 阅读(446) 评论(0) 推荐(0) 编辑
摘要:http://www.cnblogs.com/xiazdong/p/3562179.html 试着用用 阅读全文
posted @ 2014-02-24 18:17 梨花驿路 阅读(149) 评论(0) 推荐(0) 编辑
摘要:fiddler2抓包工具使用图文教程 三、fiddler实用功能使用说明: 1、fiddler捕获浏览器的会话: 能支持http代理的任意程序都能被fiddler捕获到,由于fiddler的运行机制就是监听本机上的8888端口的http代理,所以我们要将浏览器的IE代理设置为127.0.0.1:8888,我们就以360浏览器为例设置浏览器的代理:点击【工具】—【Internet选项】—【连接... 阅读全文
posted @ 2013-09-11 14:50 梨花驿路 阅读(1791) 评论(0) 推荐(0) 编辑
摘要:1 /*Chrome浏览器 点击input 黄色边框 禁用*/ .NoOutLine:focus{outline: none} 设置后就没有黄色边框了 或者我们也可以自行设置外边框的样式 例如 灰色,1像素 虚线 .NoOutLine:focus{ outline:#ccc dashed 1px;} ... 阅读全文
posted @ 2013-08-26 09:37 梨花驿路 阅读(598) 评论(0) 推荐(0) 编辑
摘要:我们可以先给表格 table上 固定一个宽度 不让表格撑破 width: 747px; table-layout:fixed;然后我们在td上加上如下样式 style="width:100px;overflow:hidden;white-space:nowrap;word-break:keep-all;"最后达到的效果如下英文 数字 不换行 撑破div容器我们在div等容... 阅读全文
posted @ 2013-08-12 10:16 梨花驿路 阅读(764) 评论(0) 推荐(0) 编辑
摘要:我们在div等容器 中,如果规定了宽度,并且里面的内容不是全英文或者全数字是OK的,会自动换行,但是如果是全数字或者是全英文,则会撑破容器,如图 解决方法 word-wrap:break-word;word-break:break-all; 阅读全文
posted @ 2013-08-01 16:35 梨花驿路 阅读(317) 评论(0) 推荐(0) 编辑
摘要:html body div.clear,html body span.clear{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: h... 阅读全文
posted @ 2013-08-01 11:04 梨花驿路 阅读(293) 评论(0) 推荐(0) 编辑
摘要:1: .clearfix{*zoom:1;} /*这是针对于IE6/7的,因为IE6/7不支持:after伪类,这个神奇的zoom:1让IE6/7的元素可以清除浮动来包裹内部元素。具体意思的话,不用深究,听说微软的工程师自己都无法解释清楚。height:1%效果也是一样*/ 2: .clearfix:after{display:block; overflow:hidden; cle... 阅读全文
posted @ 2013-04-18 17:20 梨花驿路 阅读(2583) 评论(0) 推荐(0) 编辑