skyGAYD的博客

关于表格宽度的渲染规则 表格单元格宽度的计算方式主要分为两种方式：固定表格布局、自动表格布局，这个经常写css的人应该还是知道的，但是我们经常会发现给表格列定了宽度不起作用，又或是没有定宽度渲染出来的却是正常的吗，下面就来介绍下这两个方式具体是怎么计算渲染的。 先设定几个通用的变量： tableWidth=表格宽度=100%tableBorderWidth=表格左右边框宽度tdB

使用CSS表格  CSS表格能够解决所有那些我们在使用绝对定位和浮动定位进行多列布局时所遇到的问题。例如，“display:table;”的CSS声明能够让一个HTML元素和它的子节点像table元素一样。使用基于表格的CSS布局，使我们能够轻松定义一个单元格的边界、背景等样式，而不会产生因为使用了table那样的制表标签所导致的语义化问题。  在深入了解这种方法之前，让我们先来写份HTML文

CSS实现表格单元格强制换行和强制不换行 以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性white-space:nowrap可以使其不换行。 近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？ baidu了一下，令俺非常欣慰，还真的找到了办法，问题解决了。 实现方法（原文copy过来）：

正则法 function replaceStr(str){ // 正则法 str = str.toLowerCase(); var reg = /\b(\w)|\s(\w)/g; // \b判断边界\s判断空格 return str.replace(reg,function(m){ return m.toUpperCase() }); } function replace