|
问题 |
问题分析 |
解决方案 |
1、布局突然很混乱 |
一般都由“colspan 、rowspan”两个属性引起,可能在“添加或删除”“td或tr”时忘记更改或添加这两个属性。 |
查看“colspan 、rowspan”两个属性值设置是否正确。 |
2、表格嵌套时将外层的表格撑大 |
1、“cellspacing、 cellpadding”引起。默认值都为1px2、“border”引起注意:这三个属性的宽度都包含在表格宽度之内,在IE浏览器中是这样。可能不同的浏览器有不同的默认包含关系。 |
1、设置cellspacing=”0″ cellpadding=”0″ border=”0″2、如果必须设置这三个属性的值,则合理计算并设置其值。 |
3、设置的具体的宽度,可还是不自动回车 |
汉字可自动回车,英文不自动回车 |
针对英文可加这样的css属性:style=”word-break:break-all” |
4、已经设置了border大小,为什么却没有显示? |
表格中没有任何内容,甚至没有空格 |
如果为了看着方便可暂时加入一个空格。 |
5、当长或高的尺寸设置小于某一值后实际长宽就不随属性值的减小而减小了 |
很可能的原因是单元格内有空格,空格如果一个文字一样,它占据一定的空间 |
将空格去掉。或者设置:style=”font-size:0px; line-height:0px;” |
6、设置border=1,为什么实际的好象比1px粗(实际是2px) |
表格由连续的单元格构成,每个单元格的边框都独立存在,所以相临两个单元格的边框挨在一起变成了2px |
添加这样的属性:style=”border-collapse:collapse” |
7、所设的属性值不起作用 |
这个问题很另类,当代码书写成这样时:width= height=”20″ ,此时,无论怎么更改height的值就是不起作用,因为浏览器将“width=”后面的内容都做为width的属性值,所以不能正确识别height=”20″ 的含义。 |
出现这样的问题都是我们书写代码时马虎所致,类似的错误还有很多,这样的错误一但出现了,很不容易查找,所以要求我们在书写代码时要尽量规范认真。 |
8、页面的上边总是留出一段空白 |
body默认有个上边距,设置这个值的属性topmargin有很多相关的书籍都不给介绍,以后记住就行了。 |
设置:topmargin=”0″,相关的属性有:leftmargin、rightmargin、bottommargin。 |
9、已经设置tr或td具体高度可还是平分table高度 |
当给表格设置了具体的高度的时候,table内的tr会自动平分table的高度,不管是否设置了tr或td的高度,尤其在做新闻之类的信息列表时容易出项这样的问题。 |
不设置table的具体高度,让其随内容的增加自然延伸。 |
10、td中的所有内容自动居中 |
根据长时间以来的经验来看,当没有具体设置td的aling属性值的时候,在本地测试时内容默认居左,而在客户端访问的时候,内容却默认居中。 |
明确设置td的aling属性值,避免带来麻烦。 |
11、浏览器兼容问题 |
|
这个涉及到的问题比较多,不适合在这里一一说明,建议参考“浏览器兼容专题”的文章。 |
|
|
|
特殊说明: 以上是我这么长时
间以来经常遇到的、很典型的、书上很少提及过的问题,暂时就想起这些。以前遇到时也没有及时记录下来,主要是因为html是很简单的制作网页的一种编辑语
言,它比任何其他的机器语言都简单得多,所以只要用心学,多做多练一定没问题。如果在学习的过程中遇到其他的问题,我们再具体问题具体分析。我建议你在学
习过程中养成记录“学习笔记”的习惯,把自己遇到过的问题,问题的解析、解决方法还有一些学习心得等记录下来,以便今后的学习和查找。 |