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

  • 问题

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

     

    新建一个网站,在页面中录入表格(应用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 标签换行。

     

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

    2008年8月22日 9:24

答案

  • 如果因为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;依次确定;

     

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

    2008年8月22日 9:46
    版主

全部回复

  • 如果因为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;依次确定;

     

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

    2008年8月22日 9:46
    版主
  •  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>

     

    就是不一样。

     

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

    2008年8月22日 10:20
  • 你说的是不是图片下方会有几像素的空位?

     

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

    2008年8月22日 14:14
    版主
  •  

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

     

    假如我的代码是这样的:

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

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

    </td>

     

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

     

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

     

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

     

    我用的PS切的图,很多地方都有 分隔符(space.gif)这个玩意,哎,

     

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

    2008年8月22日 15:43
  • 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)这个玩意,哎,

     

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

    2008年12月10日 14:17