使用javascript修复浏览器中12个常见而又头痛的问题
作者：小鼠 来源：译言 发布时间：2008-10-28 19:38:00
标签：浏览器,布局,javascript,css
我们提倡无论何时都尽可能地使用CSS,这样我们更容易取得成功.现在浏览器对CSS的支持已经非常好,肯定足以让你用来控制你的网页布局与排版.但,即使如此,还是有某些页面元素会在不同的浏览器下表现也不一样.
如果你不了解其中的原由,请不用担心,深入一下CSS的规则并且看一下 Using CSS to Fix Anything: 20+ Common Bugs and Fixes 这个文章.
如果上面那篇文章对你毫无帮助,你可以使用下面12个javascript解决方案的其中之一去修复你的问题,并使你的页面看起来跨所有浏览器!
在本文中,我们将为你在web应用开发中遇到的最常见的CSS问题提供12个javascript解决方案.
你也许会对其它的CSS相关文章感兴趣.
1. 设置等高
自从我们抛弃以表格为基础的布局方式,创建视觉上等高的列或内容块就成为了一个挑战.
jQuery有个插件可以设置同一个容器内的所有盒子模型的高度相等,而且还可以创建非常简洁的网格--当然,额外的性能开销也是微乎其微的.从可用性与性能的角度来看,使用一个简单的javascript代替会更适合: equalHeights() 这个函数检测同一个容器中所有兄弟节点元素的高度,然后设置每个元素的最小高度为这些元素中高度值最大的那个.
如何运作
equalHeights() 循环指定元素的顶层子节点,并设置它们的最小高度值为最高的节点的高度值.
1.2 使用jQuery设置等高列
另一个设置等高的jQuery插件
$("#col1, #col2").equalizeCols();
上面代码设置#col1, #col2列等高
$("#col1, #col2").equalizeCols("p,p");
上面代码会设置#col1,#col2等高,并把增加额外空间的元素添加到#col1和#col2下的p元素中去.
0
投稿猜你喜欢
- 本文实例讲述了PHP实现按之字形顺序打印二叉树的方法。分享给大家供大家参考，具体如下：问题请实现一个函数按照之字形打印二叉树，即第一行按照从
- 知识补充表单简介（来自Mr._Dang）action：提交的地址method：提交的方式 get： 参数是在url中的，不安全，传输量比较少
- 1.mysql中or语法的使用，在mysql语法中or使用注意点。 项目遇到坑，遍历发放奖励数据查询错误！！！$sql = 'SEL
前言matplotlib是Python中的一个第三方库。主要用于开发2D图表，以渐进式、交互式的方式实现数据可视化，可以更直观的呈现数据，使- property() 函数的作用是在新式类中返回属性值。Python中有一个property的语法，它类似于C#的get set语法，其功能
- 方法一：>>> str1 = '''Le vent se lève, il faut tenter
- 我们都知道，matlab是一个非常好用的矩阵计算分析软件，然额，matlab自带的绘图效果极为锯齿，所以，这里分享一个在python中读取m
- 一、决策树原理概述1.决策树原理决策树的分类原理，相当于程序中的if-then结构，通过条件判断，来决定结果。2.信息论①信息熵假设有32支
- 如下所示：import numpy as npimport pandas as pdfrom pandas import Series,Da
- 层次聚类算法顾名思义，层次聚类就是一层一层的进行聚类，可以由上向下把大的类别（cluster）分割，叫作分裂法；也可以由下向上对小的类别进行
- 如下所示：import numpya = numpy.array(([3,2,1],[2,5,7],[4,7,8]))itemindex =
- 引言：最近邻插值Nearest Neighbour Interpolate算法是图像处理中普遍使用的图像尺寸缩放算法，由于其实现简单计算速度
- 进程是什么？进程就是一个程序在一个数据集上的一次动态执行过程。进程一般由程序、数据集、进程控制块三部分组成。我们编写的程序用来描述进程要完成
- 实例如下所示：#########start 获取文件路径、文件名、后缀名############def jwkj_get_filePath_
- 起步在 Django 的模型中新加了一个日期的字段:import datetimeclass Instance(models.Model):
- 前言你的心要如溪水般柔软，你的眼波要像春天般明媚。 ——余光中似乎很少看见湍急的溪流，多数
- 用户登录验证脚本,Chkpwd.asp<％ '=======用户登录验证脚本======= '如果尚未定义Passed
- 这篇文章主要介绍了python Jupyter运行时间实例过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价
- 锁类型介绍MySQL 有三种锁的级别：页级、表级、行级1 表级锁：开销小，加锁快；不会出现死锁；锁定粒度大，发生锁冲突的概率最高, 并发度最
- 如果我们的语句为：IF NOT EXISTS(SELECT 1 FROM sys.views WHERE name='Report_
