VS2008 格式化HTML(重新排版)后的表格问题，如何才能不多那么一点点未知的东西

Question

具体问题我就不自己打了，如下

 

新建一个网站，在页面中录入表格（应用ctrl+k+d 格式化代码如下）

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<img ....>

</td>

</tr>

</table>

对应的td中自动插入一些未知的“东西”，具体是什么无法得知。无论怎么修改对应的td的高度都无法取消

但是修改成以下格式文件后就能正确的进行显示

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td><img ....></td>

</tr>

</table>

请问是不是vs2008中有哪些设置可以解决这个问题

 

我记得VS2005是没有这个问题的，那个时候我都是格式化或者手动换行来自己格式化

 

孟老师给出的方法是修改格式化的时候不让 td 标签换行。

 

但是呢，有时候搞表格的时候不自觉的就换了个行，检查起来又非常麻烦，而且不格式化老是觉得看起来不整洁不舒服的感觉，有没有更好的办法解决这个奇怪问题啊

Answer 1

如果因为td内的内容有换行而影响了显示效果，首先请检查下文档的DTD，比如XHTML1.0 Strict就能很好的规范表格内容。

 

另外可以通过设置Vusial Studio对表格的格式来让td里的内如不换行，请参考以下步骤：

 

1；选择Visual Studio的菜单 Tools 下的 Options，打开选项对话框；

2；在选项对话框的左边目录树里依次展开 Text Editor 》 HTML ，选中Format；

3；在右边会看到 Tag Wrapping 的选项，这时点击 Tag Specific Options ，打开特定标签选项对话框；

4；在左边目录树中展开 Client HTML Tags ，然后选中 td 标签；

5；在右边的 Line breaks 列表中选择 Before and after 或者任何你想要的格式，下面有效果预览；

6；依次确定；

 

然后就可以得到想要的格式化效果了。

Answer 2

Shiny Zhu 写:

如果因为td内的内容有换行而影响了显示效果，首先请检查下文档的DTD，比如XHTML1.0 Strict就能很好的规范表格内容。   另外可以通过设置Vusial Studio对表格的格式来让td里的内如不换行，请参考以下步骤：   1；选择Visual Studio的菜单 Tools 下的 Options，打开选项对话框； 2；在选项对话框的左边目录树里依次展开 Text Editor 》 HTML ，选中Format； 3；在右边会看到 Tag Wrapping 的选项，这时点击 Tag Specific Options ，打开特定标签选项对话框； 4；在左边目录树中展开 Client HTML Tags ，然后选中 td 标签； 5；在右边的 Line breaks 列表中选择 Before and after 或者任何你想要的格式，下面有效果预览； 6；依次确定；   然后就可以得到想要的格式化效果了。

 

确实是有想要的格式化效果。。

 

不过就是这个 格式化效果造成了表格里面多了那么一点点东西。。。

 

在设计模式下面就能看到，本来表格里面应该没有任何东西，但是点一下，发现距离表格左面有一个空格的边距。

 

只要 td 换行了就有，不换行就没有，头大的很。

 

<td><img src="....."></td>的效果和

 

<td>

    <img src=".....">

</td>

 

就是不一样。

 

没地方上图不然上个图给你看

Answer 3

你说的是不是图片下方会有几像素的空位？

 

这个是IE下的特有现象，特别是在给图片加个链接的时候看的更明显，在Firefox下不会有这个状况。

Answer 4

 

不是图片下方有空拉。。。

 

假如我的代码是这样的：

<td style="width:1px; height:6px">

    <img width="1px" height="6px" src="....." />

</td>

 

这个表格该多大？1*6吧。。。

 

但是，这么显示出来却不是1*6的。

 

然后你点这个表格，在图片后面跟了一个“空格”，不知道这个空格怎么出来的，这个空格就吧表格直接撑破。

 

我用的PS切的图，很多地方都有 分隔符（space.gif）这个玩意，哎，

 

我找个地方传图片去，你就知道了。

Answer 5

td包含图片的时候不要格式，用下面的方式就不会有那个莫名奇妙的空白了

<td style="width:1px; height:6px"><img width="1px" height="6px" src="....." /></td>

南风 写:

不是图片下方有空拉。。。   假如我的代码是这样的： <td style="width:1px; height:6px">     <img width="1px" height="6px" src="....." /> </td>   这个表格该多大？1*6吧。。。   但是，这么显示出来却不是1*6的。   然后你点这个表格，在图片后面跟了一个“空格”，不知道这个空格怎么出来的，这个空格就吧表格直接撑破。   我用的PS切的图，很多地方都有 分隔符（space.gif）这个玩意，哎，   我找个地方传图片去，你就知道了。