如何确保Visual Studio 2005正确显示表和图像？
https://stackoverflow.com/questions/154535
-
03-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
我使用过Photoshop CS2的“Save for Web”功能为我的网站布局创建图像表。
此HTML在网络浏览器中显示正常，但是当导入Visual Studio并在网站设计器中查看时，指标错误，图像（表格单元格）之间存在水平间隙。
Photoshop的输出并未引用任何样式表。
表属性将border，cellpadding和cellspacing设置为0。
以下是它在Designer中的外观：
以下是它在浏览器中的显示效果：
Visual Studio对表格和图像的布局是否挑剔？这是Visual Studio 2005中的错误吗？
解决方案
就我个人而言，我从未信任并且很少在Visual Studio中使用设计视图，并且通常将其设置为所有页面的代码视图。我倾向于继续在IE和Firefox中打开文件的工作版本以使我能够看到他们的布局，但这会在尝试查看多步骤表单时引起问题等。在这些情况下，我总是倾向于使用一些代码来启用我选择我希望看到的状态/步骤，而不经过每个步骤来测试它。
请记住，在VS中，您可以右键单击项目资源管理器中的文件，然后选择在Web浏览器中查看该文件。您还可以向VS首选项添加各种不同的浏览器，允许您选择要在其中查看文件的浏览器。
我意识到这不是一个灵感，但希望它有用。
其他提示
我没有玩过“Save for Web”功能，但我很确定输出html，除了表标记和图像，还应该包含一些定义整个页面显示行为的CSS样式。
因此，在将html导入VS时，请确保传输关联的样式。
另外请不要忘记并确保HTML有效性 - 您可以在web.config或项目属性中选择Web应用程序的一致性级别（或者仅在html编辑器中 - 将Target Schema设置为XHTML Transitional，您应该是确保您从Photoshop获得的HTML将得到正确验证。
Visual Studio 2005的设计者似乎很难渲染某些HTML内容。正如Toby所说，解决问题的最佳方法是在Web浏览器中预览页面，而不是与设计师合作。
另一种选择当然是使用Visual Studio 2008，它使用Expression Web中使用的相同Web设计器组件。我还没有广泛使用Visual Studio 2008进行Web项目，但从我看到它非常令人印象深刻！ Visual Studio 2008还具有“拆分”功能。查看选项，它允许您在编辑HTML时查看设计器（不再需要在源视图和设计视图之间切换，只需几分钟就能赶上你！）
