标题: 寻找神秘的空行
作者: dnawo
日期: 2007-05-25 11:30 AM
分类: 网页设计
内容:
上图为一页面上出现的神秘空行，主要由两个table组成，而table未使用任何样式且之间也无其他杂乱代码！该页全部代码如下：
HTML代码
福州榕城青年公寓-福州家庭旅馆,福州酒店式公寓,福州酒店公寓,福州住宿,福州酒店,福州公寓,福州青年旅馆,福州经济型酒店,福州自助宾馆,福州青年公寓,福州青年旅舍,福州单身公寓,福州短租公寓,福州自助公寓,福州商务公寓,福州移动公寓,福州白领公寓,福州短期租房,福州钟点房,福州两房公寓,福州酒店预订,预订福州酒店,福州宾馆预订,预订福州宾馆,福州电梯短租公寓,福州酒店公寓预订,福州便宜住宿,福州日租公寓,福州假日公寓,福州家庭短租,福州短租网,福州经济住宿,福州宽带住宿,福州酒店预定,预定福州酒店,福州宾馆预定,预定福州宾馆
关于我们
设为首页
http://www.rchomtel.com','福州榕城青年公寓')" title="网址">收藏本站
在线留言
用户名：
密 码：
！登录
？注册
返回首页公寓介绍网上看房入住流程入住须知热点问题服务指南在线订房在线留言
网上看房
标准单间1313
编号：1313(订房请填此编号)
价格：120
楼层：13
标准单间1307
编号：1307(订房请填此编号)
价格：120
楼层：13
标准单间1224
编号：1224(订房请填此编号)
价格：120
楼层：12
标准单间1221
编号：1221(订房请填此编号)
价格：120
楼层：12
标准单间1210
编号：1210(订房请填此编号)
价格：120
楼层：12
标准单间1106
编号：1106(订房请填此编号)
价格：120
楼层：11
标准单间929
编号：929(订房请填此编号)
价格：120
楼层：9
标准单间514
编号：514(订房请填此编号)
价格：120
楼层：5
总计[ 8 ] 条
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
寻找神秘的空行
第一步：将上边代码粘贴到DW8中，在设计视图下将两个table复制粘贴到新文件中，保存为01.htm
HTML代码
网上看房
标准单间1313
编号：1313(订房请填此编号)
价格：120
楼层：13
标准单间1307
编号：1307(订房请填此编号)
价格：120
楼层：13
标准单间1224
编号：1224(订房请填此编号)
价格：120
楼层：12
标准单间1221
编号：1221(订房请填此编号)
价格：120
楼层：12
标准单间1210
编号：1210(订房请填此编号)
价格：120
楼层：12
标准单间1106
编号：1106(订房请填此编号)
价格：120
楼层：11
标准单间929
编号：929(订房请填此编号)
价格：120
楼层：9
标准单间514
编号：514(订房请填此编号)
价格：120
楼层：5
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果：空行仍在！
第二步：设计视图下去除下边table中多余的内容，只留下表格代码，为便于查看给表格加了背景色，保存为02.htm
HTML代码
网上看房
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果：空格仍在！
第三步：代码视图下去除表格多余的修饰，如宽度、对方方式等，保存为03.htm
HTML代码
网上看房
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果：空格仍在！
第四步：将下边talbe删除再新建一table，空格消失了！再仔细查看03.htm代码，发现问题：
第五步：从头开始，这次从DW8代码视图下将原始页两table复制出来组成新页面a.ht
HTML代码
网上看房
标准单间1313
编号：1313(订房请填此编号)
价格：120
楼层：13
标准单间1307
编号：1307(订房请填此编号)
价格：120
楼层：13
标准单间1224
编号：1224(订房请填此编号)
价格：120
楼层：12
标准单间1221
编号：1221(订房请填此编号)
价格：120
楼层：12
标准单间1210
编号：1210(订房请填此编号)
价格：120
楼层：12
标准单间1106
编号：1106(订房请填此编号)
价格：120
楼层：11
标准单间929
编号：929(订房请填此编号)
价格：120
楼层：9
标准单间514
编号：514(订房请填此编号)
价格：120
楼层：5
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果：空格仍在
第六步：设计视图下去除下边talbe内容，保存为b.htm
HTML代码
网上看房
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果：空格仍在！
第七步：代码视图下去掉表格多余的修饰，如宽度、对齐方式等，保存为c.htm
HTML代码
网上看房
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果：空格仍在！
第八步：删除所有行前边空白，保存为d.htm
HTML代码
网上看房
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
结果：空行消失了！
结果分析
我们先来看两张图：
在代码视图下，全角空格和半角空格直接看是区分不出来的，可以通过手动选择空格感觉出来：半角空格选中过程中感觉比较连贯，全角空格选中过程中感觉是一块一块的。最后查找DW中空格的相关资料显示"虽然也是空格但是(Dreamweaver中)对应的HTML代码却不是空格代码，Dreamweaver把他当中文字符处理而不是空格。"
+ 查看当前日志评论 (1)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.328 ms
标题: 寻找神秘的空行
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.328 ms
暂无评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.328 ms