摘要: 无标题文档 阅读全文
posted @ 2014-01-16 11:28 简单-是美 阅读(1441) 评论(0) 推荐(0) 编辑
摘要: 点击网页超链接怎么去除这些虚线确定取消确定取消确定 阅读全文
posted @ 2014-01-16 11:27 简单-是美 阅读(178) 评论(0) 推荐(0) 编辑
摘要: div最小宽度和自适应的实现方法内容 阅读全文
posted @ 2014-01-16 11:23 简单-是美 阅读(784) 评论(0) 推荐(0) 编辑
摘要: css:.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;}.clearfloat{zoom:1}布局: Left Rightcss的文字过长裁剪后面跟着省略号首先要加的是这些属性{height:value;width:value;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}加高度这些文字过长就不会往下面跑,直接隐藏掉。加white-space: nowrap才能显示出省略号,不加就是显示不出来 阅读全文
posted @ 2014-01-16 11:18 简单-是美 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 用过 Fireworks / PhotoShop 的人应该都知道,在画布中将一个页面模块居中是多容易的事,可如果是垂直居中,前端就苦逼了。因为 CSS 本身并没有提供相应的 API 支持(确切来说是提供不全)。今天重新整理一下思路,说说前端在实现页面元素垂直居中的几种思路:一、利用 position 和负边距利用绝对定位,让元素的顶部与居中线对齐,再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明:/* 代码实现: * 设定宽度和高度,父节点为 position:relative; CSS是这样写的: */.selector { position:abso... 阅读全文
posted @ 2014-01-16 11:08 简单-是美 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 在div中,文本布局经常出现,换行混乱的情况。问题表现:1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行. 2.中英文混写,则在英文字符串的开始处换行(英文长度>div长度),结尾处不换行。 3.英文整个单词换行。等等,可能还有一些问题,这里只列出了常见的几个;介绍上面几个css属性功能的简单用法;word-wrap:normal | break-word; (内容换行) normal:默认的属性值.(允许内容顶开指定的容器边界). break-word:内容将在边界内换行(不截断英文单词换行,截断英文单词下面的属性才具备这个功能。)word-brea... 阅读全文
posted @ 2014-01-16 10:56 简单-是美 阅读(1482) 评论(0) 推荐(0) 编辑
摘要: 让ie6也支持max-width,和max-height实现图片等比例缩放 阅读全文
posted @ 2014-01-16 10:46 简单-是美 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 一淘九宫格的面试题123456789123456789 阅读全文
posted @ 2014-01-16 10:20 简单-是美 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 用户上传照片,照片的尺寸未知;需要生成一个预览,这个预览图要根据提供给用户预览的区域自应用,并且居中;如果图片太大,需要按比例缩放。如下图。瞄了一下,居中可以用 text-align:center; 来实现。而按比例缩放,利用预设 的 width 、height 属性解决不了。因为用户图片可能是很长的,也可能是很宽的。在线上想了一下他们的关系,按条件来判断是这样的:if(实际宽度 > 预览最大宽度) { 缩放宽度 = 预览最大宽度}if(实际高度 > 预览最大高度) { 缩放高度 = 预览最大高度}但是这样会有问题,比如当宽度和高度都被缩放,如果缩放比较不同,图片就不是按比例缩放. 阅读全文
posted @ 2014-01-15 10:46 简单-是美 阅读(11971) 评论(0) 推荐(0) 编辑
摘要: 1. 如何创建嵌套的过滤器:允许你减少集合中的匹配元素的过滤器,只剩下那些与给定的选择器匹配的部分。在这种情况下,查询删除了任何没(:not)有(:has)包含class为“selected”(.selected)的子节点。.filter(":not(:has(.selected))")2. 如何重用元素搜索var allItems = $("div.item");var keepList = $("div#container1 div.item");现在你可以继续使用这些jQuery对象来工作了。例如,基于复选框裁剪“keep li 阅读全文
posted @ 2014-01-15 10:32 简单-是美 阅读(215) 评论(0) 推荐(1) 编辑