CSS中能不能实现合并单元格

html-css011

CSS中能不能实现合并单元格,第1张

这种问题,应该是你对“样式”和“属性”的概念还不清楚;

CSS是层叠样式表,是一种用来控制HTML元素样式的代码;

它主要分为选择器和样式表达式,如:

div

.div

#div

以上被称为选择器,是选择一个或一类HTML元素

{display:nonewidth=200px}

以上被称为表达式,是描述一个或一类HTML元素的样式

那么这两个必须同时使用,如:

#div {display:nonewidth=200px}

就表示 为通过选择器选择的一个或一类HTML元素 添加表达式中所述的样式;

CSS中的表达式所能描述的,只有样式;比如:

这个DIV是否显示?

显示在什么位置?

多宽多高?

是否透明,字体大小等。。。

可以看出,通过这些CSS控制,你可以改变页面上任何元素的样式,通过也要知道,它所能做的,也仅仅是改变元素的样式,样式以外的东西是没法改变的;

那么你所提的这个合并单元格是不是属于样式呢?

答案很肯定,不属于;为什么呢?

因为属性是用来控制这个标签本身的一种状态,如:id、name等;

通过这些属性的控制,可以实现的就不仅仅约束在样式中了,就好象合并单元格的cols属性,它不仅仅改变了表格的样式,最根本也改变了表格的结构;

那么刚才提到,CSS只能改变元素的样式,那么对于改变元素的结构,它是心有余而力不足的。

另外一个很容易混淆的就是元素的样式属性,比如元素本身也有width属性,height属性,这些东西也可以控制元素的宽度或高度,为什么在CSS里面就可以使用呢?

答案和上面一样,这些width或height,虽然作为元素的属性,但它所改变的,仅仅是元素的样式,对元素本身结构没有任何改变,因此我们可以使用CSS来代替它们,并且现在也不建议直接在元素本身写样式属性;

如果你想合并单元格,又不想写在元素上,那么就只有用javascript了。

如果你还有什么不明白的,可以下一个DHTML API和CSS API,里面对每个元素的哪些属性和样式已经描述的很清楚了。

如果你觉得太多记不住,那么你就不要去记住它,多写写,多练练,你就会发现其中是有规律的;

以上纯属个人理解,如有偏差,请指教;

比如<td rowspan="2">microsoft</td>,rowspan是向下合并一个,加上自身就是两个

比如<td colspan="2">stephen elop</td>,colspan是向右合并

希望可以帮到你