1、首先，启动Visual Studio 2010，并打开一个HTML文档，我们这里演示的文档已做Mask处理。可以看到编辑窗口显示的视图是【设计视图】，点击左下角的【拆分】视图按钮
2、接着，编辑窗口会变成 水平拆分视图模式，即HTML的代码窗口和设计页面窗口时上下排列的，如图
3、然后，在菜单栏选择【工具】菜单，再点选下拉菜单的【选项】子项目
4、在【选项】对话框的左侧列表中选择【HTML设计器】，再点选【常规】子菜单
5、在【常规】参数页中点选“拆分视图”，并勾选下方的“垂直拆分视图”，设置好便点击【确定】
6、关掉当前的HTML页面，重新打开HTML文档后就会发现，拆分窗口已经变成垂直拆分模式了，HTML代码窗口和页面设计窗口左右垂直排列了。如果要返回水平拆分视图模式，则按照此步骤，取消上面第五步的“垂直拆分视图”前面的勾，就可以实现水平拆分视图模式了。
