CSS+DIV布局心得与体会
关注
分享
扫一扫
文章平均质量分 77
临海听风_518
心静如水，人淡如菊
展开
-
HTML DIV CSS 笔记汇总
CSS 层叠样式表单 Ctrl+j 弹出自动提示,帮助. 鼠标放到元素上变形状(鼠标样式,鼠标形状变了):cursor: pointer; 元素的显示模式(display:none) 给控件做文本内容(即label来修饰文本) 婚否 这样,当点击”婚否”的时候也可以选中或不选复选框了 这是标题 ...原创 2012-10-20 00:30:05 · 277 阅读 · 0 评论 -
表单元素和文字垂直居中对齐问题解决整理
表单页面，为了使表单元素和文字都垂直居中对齐，加个样式input,select{vertical-align:middle}，文本框和下拉框都没问题，但是单选框和复选框就杯具了。 大多表现：单选，复选和文字无间距，单选文字偏上，复选偏上。 关于这些问题网上有人发表了看法，用table搞定一切。这个也是一种方法，哥也不BS。 对于ie6,7下的文字间距问题，网上看到有人说设置widt...原创 2013-09-24 21:36:38 · 1329 阅读 · 0 评论 -
垂直居中的几种实现方法 .
用过 Fireworks / PhotoShop 的人应该都知道，在画布中将一个页面模块居中是多容易的事，可如果是垂直居中，前端就苦逼了。因为 CSS 本身并没有提供相应的 API 支持（确切来说是提供不全）。今天重新整理一下思路，说说前端在实现页面元素垂直居中的几种思路： 一、利用 position 和负边距 利用绝对定位，让元素的顶部与居中线对齐，再让元素上移 50% 的高度。这个应该...原创 2014-07-10 21:14:06 · 180 阅读 · 0 评论 -
CSS 图片列表，横向
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS 图片列表，横向</title>原创 2013-11-20 22:05:46 · 663 阅读 · 0 评论 -
源图比例缩放生成高质量缩略图&给图片添加水印，并可调节水印图片的透明度...
大家都知道一些比较常用的空间、博客、论坛，设置头像或上传图片到空间的时候都会自动生成帮你生产缩略图，在现在的网络中经常用到，这是用到了图片同比例缩放技术，下面我们通过一个实例来了解一下java中图片上传生成缩略图的方法以及图片上增加水印和调整水印的透明度。 import java.awt.AlphaComposite; import java.awt.Graphics2D; import...原创 2013-11-20 21:54:27 · 330 阅读 · 0 评论 -
CSS自动换行,强迫不换行的控制
CSS自动换行,强迫不换行的控制 自动换行 div{ word-wrap: break-word; word-break: normal; } 强迫不换行 div{ white-space:nowrap; }原创 2013-11-20 21:38:03 · 130 阅读 · 0 评论 -
网页排版，表格已死，图片文字排列CSS，DIV+CSS长存
网络标准计划（ WaSP ）中的浏览器升级行动（ BUI ）已经促使许多设计人员朝着更加标准化的网页设计方向前进。使用CSS而不是表格来为网页布局能够节省用户带宽，同时增强页面的底层语义，可访问性及其范围。 “表格已死...” 已经有几位设计师在Jeffrey Zeldman的 引领 下发表了一些指南，这些指南曾经帮助我们度过无表格设计的困难时期。最初的努力主要是集中在通过CSS定位（CS...原创 2013-11-20 21:36:14 · 414 阅读 · 0 评论 -
动态显示数据自动换行的另一种方法！
产品显示的时候，我遇到换行的问题采用的方法是：假如要一行显示4张产品图片，那么就先定义一个变量，初始值设置为1，每执行一次就加1，然后判断这个值是不是4的整数倍，是的话就输出标签</tr><tr>,那么就刚好与前面的<tr>配对，但是最后总会多出一组多余的标签</tr><tr>,虽然不影响效果，可是每次都觉得不爽。 最近在学习ＤＩＶ...原创 2013-11-20 21:26:01 · 668 阅读 · 0 评论 -
玩转表格之表格边框魔鬼教程
表格边框魔鬼教程 一、表格中单元格之间分隔线的隐藏方法 第 一 行 第 二 行 第 三 行 这个表格去掉了单元格之间的纵向分隔线 第 第 第 一 二 三 列 列 列 这个表格去掉了单元格之间的横向分隔线 横 线 竖 线 都 没 了 ...原创 2013-11-11 20:52:22 · 142 阅读 · 0 评论 -
JQuery IFrame框架高度自适应（支持嵌套–兼容IE,ff,safafi,chrome）
在网上找了很多的iframe自适应高度的脚本，对浏览的的兼容性都不好。所以就想利用jquery强大的兼容性，写一个iframe自适应高度的脚本。 jquery很强大，代码很简单： $("#iPersonalInfo").load(function() { $(this).height($(this).contents().height()); }) 有一点需要注意的，我也在调试的...原创 2013-11-07 22:47:57 · 333 阅读 · 0 评论 -
IFRAME中点击子框架里面的超链接在新网页中打开想要打开的页面
在子框网页的<head>标签中加<base target="_blank"> 这样你网页内所有链接都在新窗口打开<head> <base target="_blank"> </head> 若是要在同一页面打开则是在子框网页的<head>标签中加<base target原创 2013-11-06 21:41:09 · 905 阅读 · 0 评论 -
强制限制表格宽度（防止文字对列表的挤开)
<table> <tr class="blueheader"> <td width="5%" >模版ID</td> <td width="10%" >模版组</td> <td width="20%"原创 2013-11-05 21:58:18 · 328 阅读 · 0 评论 -
日常网页设计常用JS和UI布局素材
日常网页设计常用JS和UI布局素材原创 2013-10-16 22:20:54 · 283 阅读 · 0 评论