VS 中C#下"的页面布局"简单设置のの"PageLayout属性"哪里去了

朴灿烈づ我的快乐病毒、 2022-06-12 11:56 231阅读 0赞

北大青鸟的ASP.NET视频中都是通过更改属性"PageLayout"为Flowlayout(流式布局) or 更改属性"PageLayout"为GridLayout(网格布局)来改变页面的布局。→这是vs2003中对页面进行设置的方法。     而我在VS2010中却没找到PageLayout属性，有些奇怪！使用VS2005甚至更高版本的你，有没有对PageLayout的消失感到怀疑呢？不要着急，下面我来简单的对PageLayout这一属性进行分析，还请高手指点，不胜感激喔！

一。首先介绍一下PageLayout属性，PageLayout属性存在于Visual Studio .NET 2003中，在后来的版本如VS2005、VS2008、VS2010中由于取消了绝对定位， 默认情况下支持的页面布局方式是流式布局页面，也就不再使用PageLayout属性了。下面是我结合MSDN对PageLayout属性，进行了简单叙述……

<table>  
 <strong><a href="http://msdn.microsoft.com/zh-cn/library/cc404764%28v=vs.71%29.aspx" rel="nofollow"><span style="font-size:24px">MSDN中对VS2003 PageLayout属性介绍</span></a></strong>  
 <tbody style="font-size:18px"> 
  <tr> 
   <th><br> 
    <div style="text-align:left"> 
     <span style="background-color:rgb(255,255,255)"><span style="font-family:FangSong_GB2312; font-size:18px"><span style="font-weight:normal">&nbsp; &nbsp;</span>PageLayout属性<span style="font-weight:normal">设置当前HTML文档的元素定位首选项，即页面布局模型。可用于该属性的值有：</span></span></span> 
    </div> 
    <div style="text-align:left"> 
     <ol> 
      <li><span style="font-family:FangSong_GB2312; font-size:18px">GridLayout</span><span style="font-family:FangSong_GB2312; font-weight:normal; font-size:18px">：绝对定位属性插入到添加的元素中并在移动的元素中更新。可在整个"设计"视图表面上拖动元素。可使用定位网格和"网格线对齐".→绝对定位，网格布局</span></li> 
      <li><span style="font-family:FangSong_GB2312; font-size:18px">FlowLayout</span><span style="font-family:FangSong_GB2312; font-weight:normal; font-size:18px">:元素不带绝对定位属性添加。Web浏览器按元素在页上出现的顺序从上到下排列元素。不能在"设计"视图表面上拖动元素或者使用定位网格。→流式布局</span></li> 
     </ol> 
    </div> 
    <div style="text-align:left"> 
     <span style="background-color:rgb(255,255,255)"><span style="font-family:FangSong_GB2312; font-size:18px"><span style="font-weight:normal">&nbsp; &nbsp;</span></span></span> 
    </div> 
    <div style="text-align:left"> 
     <span style="background-color:rgb(255,255,255)"><span style="font-family:FangSong_GB2312; font-size:18px">&nbsp; &nbsp;更改PageLayout属性：</span></span> 
    </div> 
    <div style="text-align:left"> 
     <span style="background-color:rgb(255,255,255); font-weight:normal"><span style="font-family:FangSong_GB2312; font-size:18px">&nbsp; &nbsp;可从"属性"窗口或"DOCUMENT属性页"对话框设置PageLayout属性。</span></span> 
    </div> 
    <div style="text-align:left"> 
     <span style="background-color:rgb(255,255,255); font-weight:normal"><span style="font-family:FangSong_GB2312; font-size:18px"><br> </span></span> 
    </div> 
    <div style="text-align:left"> 
     <span style="background-color:rgb(255,255,255); font-weight:normal"><span style="font-family:FangSong_GB2312; font-size:18px">&nbsp; &nbsp;对于在Visual Basic .NET或Visual C# Web 应用程序中创建的新HTML页和Web窗体，PageLayout属性默认值是"GridLayout".在Visual Studio .NET中将PageLayout属性设置为"GridLayout"会将ms_positioning属性插入到HTML文档的&lt;BODY&gt;元素中：</span></span> 
    </div> 
    <div style="text-align:left"> 
     <div style=""></div> 
    </div> 
    <div style="text-align:left"> 
     <span style="font-family:FangSong_GB2312; font-size:18px"><span style="font-weight:normal"></span></span> 
     <table> 
      <tbody> 
       <tr> 
        <td> 
         <div> 
          <span style="font-family:FangSong_GB2312; font-size:18px"><br> </span> 
         </div> <span style="font-family:FangSong_GB2312; font-size:18px"><strong>&nbsp; &lt;BODY ms_positioning="GridLayout"&gt;<br> </strong></span><br> </td> 
       </tr> 
      </tbody> 
     </table> 
     <br> 
    </div> 
    <div style="text-align:left"> 
     <span style="background-color:rgb(255,255,255); font-weight:normal"><span style="font-family:FangSong_GB2312; font-size:18px">将PageLayout属性值重置为"FlowLayout",则会移除ms_positioning属性：</span></span> 
    </div> 
    <div style=""> 
     <span style="font-family:FangSong_GB2312"><span style="font-weight:normal"></span></span> 
     <table> 
      <tbody> 
       <tr> 
        <td><span style="font-size:18px">&nbsp; &nbsp; &nbsp;<strong>&lt;BODY&gt;</strong></span></td> 
       </tr> 
      </tbody> 
     </table> 
     <br> 
    </div> 
    <div style="text-align:left"> 
     <span style="font-family:FangSong_GB2312; font-size:18px; font-weight:normal"><br> </span> 
    </div> 
    <div style="text-align:left"> 
     <span style="font-family:FangSong_GB2312; font-size:18px; font-weight:normal">&nbsp; &nbsp; 对于添加到"空Web项目"的HTML页和Web窗体，PageLayout属性默认值是"FlowLayout".当将现有的HTML文档添加到Visual Studio .NET解决方案或项目，并且它的&lt;BODY&gt;元素不包括ms_positioning="GridLayout"属性时，HTML设计器打开该文档以进行编辑并将其PageLayout属性设置为"FlowLayout"。</span> 
    </div> 
    <div style="text-align:left"> 
     <span style="font-family:FangSong_GB2312; font-size:18px; font-weight:normal">&nbsp; &nbsp; 如果将PageLayout属性值设置为GridLayout时，则可以将ShowGrid属性设置为True并显示"设计"视图定位网格。如果在"HTML设计器"选项对话框的"显示"中启用了"网格线对齐"，它将被激活。当释放鼠标时，在"设计"视图表面上拖动的元素将自动与最近的定位网格线对齐。</span> 
    </div> 
    <div style="text-align:left"> 
     <span style="font-family:FangSong_GB2312; font-size:18px; font-weight:normal">&nbsp; &nbsp; 当HTML元素在"设计"视图表面上重新定位时，它的定位属性在标记中自动调整。使用"HTML"视图对特定元素的定位属性进行细微的调整。</span> 
    </div> 
    <div style="text-align:left"> 
     <span style="font-family:FangSong_GB2312; font-size:18px; font-weight:normal"><br> </span> 
    </div> 
    <div style="text-align:left"> 
     <span style="font-family:FangSong_GB2312; font-size:18px"><span style="color:#ff0000">注意</span>：<span style="font-weight:normal">切换视图可重新格式化标记。</span></span> 
    </div> </th> 
  </tr> 
 </tbody> 
 <tbody></tbody> 
</table>

附： **[设置 HTML 文档的 pageLayout 属性][HTML _ pageLayout]**

二。**这里简单分析一下GridLayout和FlowLayout的区别：**

GridLayout绝对定位，控件可在其页面上任意拖放布局，但生成页面有可能某些控件会被其他控件盖住。           FlowLayout相当定位，控件布局困难，但会因内容而自己变换位置，不会出现盖住别的控件的情况。可两者结合使用来布局。个人不推荐VS自身的布局，可以借用其他工具，比如DW来排版布局，然后再导入VS中使用。

三。PageLayout像变戏法一样，在VS2005到VS2008、VS2010版本中消失了，随着版本的升级，软件应该本着为人民服务的宗旨，在不改变人们需求的基础上，添加新的功能。所以呀，在VS2005之后的版本中，想用原来的绝对定位方式来拖曳控件是可以实现的，具体怎么实现，试试下面的这两种方案吧……

*  **方案一**：只要修改以下配置即可：

> 菜单→工具-->选项→HTML设计器→CSS样式→将"对于使用工具箱、粘贴或拖放操作添加的控件，将定位方式更改为绝对定位(P)"<**选中**>

*  **方案二**：修改一下下面的配置：

>  菜单→工具→选项→Windows窗体设计器→LayoutMode属性设置成SnapToGrid。
> 
>  然后重新启动VS，然后打开项目！
> 
>   
> 
> 
>   
> 
> 
> **怎么样，让你对页面想采用什么方式设计就怎么去设计，还等什么，快去设计属于自己的优美页面吧！![奋斗][struggle.gif]![得意][proud.gif]**

[HTML _ pageLayout]: http://msdn.microsoft.com/zh-cn/library/aa301769%28v=vs.71%29.aspx
[struggle.gif]: http://static.blog.csdn.net/xheditor/xheditor_emot/default/struggle.gif
[proud.gif]: /images/20220612/d280e0e3a105486e9aa12d9b5ebf4666.png