<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>守望轩 &#187; 绝对定位</title>
	<atom:link href="http://www.watch-life.net/tag/%e7%bb%9d%e5%af%b9%e5%ae%9a%e4%bd%8d/feed" rel="self" type="application/rss+xml" />
	<link>http://www.watch-life.net</link>
	<description>关注IT,审视自我,守望生活, 宁静雅致的小轩馆.</description>
	<lastBuildDate>Mon, 23 Aug 2010 15:08:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>web developer tips (50):在 Visual Studio 的设计视图绝对定位控件</title>
		<link>http://www.watch-life.net/visual-studio/absolute-position-the-controls-in-visual-studio-designer.html</link>
		<comments>http://www.watch-life.net/visual-studio/absolute-position-the-controls-in-visual-studio-designer.html#comments</comments>
		<pubDate>Wed, 23 Sep 2009 14:49:38 +0000</pubDate>
		<dc:creator>xjb</dc:creator>
				<category><![CDATA[Visual Studio]]></category>
		<category><![CDATA[web developer tips]]></category>
		<category><![CDATA[控件]]></category>
		<category><![CDATA[绝对定位]]></category>

		<guid isPermaLink="false">http://www.watch-life.net/?p=451</guid>
		<description><![CDATA[原文地址：How to absolute position the controls in Visual Studio Designer 在设计视图，控件绝对定位看起来比较混乱直到你了解可视化的相关提示。在设计视图里，你可以通过拖动控件进行如下两个操作之一： 1、改变控件的起始。 2、改变控件的位置。 http://www.watch-life.net/visual-studio/absolute-position-the-controls-in-visual-studio-designer.html 当你拖动控件体的时候，可以改变控件的起始，你可以看到这一点，是因为在白色的方格子里光标变成了小箭头。 另一方面，当拖动白色标签的时候，你可以改变控件的物理位置，你可以看到这一点，是因为光标变成了四个方向的箭头，同时没有方格子。 不幸的是，现在当光标悬停在web控件体上的时候，光标就会变成4个方向的箭头，这是个已知的问题。其实应该是光标悬停在白色标记上的时候出现4个方向的箭头，而在悬停在控件体上的时候变成标准的的箭头。你会发现对于html控件的行为是这样的。 你可能也会喜欢以下文章： web developer tips (17):远程调试使用IIS的web应用 (0) web developer tips (55):多项目解决方案中设置启动项 (0) web developer tips (43):通过请求处理管道注册IHttpModule (0) web developer tips (63): 在web应用项目指定vs开发服务器端口 (0) web developer tips (48):IIS7应用程序池的“Ping”设置可能影响调试 (0) web developer tips (40):定义母版页的作用范围 (0) web developer tips (5):绑定ListView控件 (1) web [...]]]></description>
			<content:encoded><![CDATA[<p>原文地址：<a href="http://blogs.msdn.com/webdevelopertips/archive/2009/03/31/tip-50-did-you-know-how-to-absolute-position-the-controls-in-visual-studio-designer.aspx" target="_blank">How to absolute position the controls in Visual Studio Designer</a></p>
<p>在设计视图，控件绝对定位看起来比较混乱直到你了解可视化的相关提示。在设计视图里，你可以通过拖动控件进行如下两个操作之一：</p>
<p>1、改变控件的起始。<br />
2、改变控件的位置。</p>
<p><a href="http://www.watch-life.net/visual-studio/absolute-position-the-controls-in-visual-studio-designer.html" target="_blank">http://www.watch-life.net/visual-studio/absolute-position-the-controls-in-visual-studio-designer.html</a></p>
<p>当你拖动控件体的时候，可以改变控件的起始，你可以看到这一点，是因为在白色的方格子里光标变成了小箭头。<br />
<img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="74" alt="clip_image002" src="http://blogs.msdn.com/blogfiles/webdevelopertips/WindowsLiveWriter/Tip50DidyouknowHowtoabsolutepositionthec_CC81/clip_image002_thumb.jpg" width="138" border="0" /></p>
<p>另一方面，当拖动白色标签的时候，你可以改变控件的物理位置，你可以看到这一点，是因为光标变成了四个方向的箭头，同时没有方格子。</p>
<p><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="110" alt="clip_image004" src="http://blogs.msdn.com/blogfiles/webdevelopertips/WindowsLiveWriter/Tip50DidyouknowHowtoabsolutepositionthec_CC81/clip_image004_thumb.jpg" width="145" border="0" /><br />
不幸的是，现在当光标悬停在web控件体上的时候，光标就会变成4个方向的箭头，这是个已知的问题。其实应该是光标悬停在白色标记上的时候出现4个方向的箭头，而在悬停在控件体上的时候变成标准的的箭头。你会发现对于html控件的行为是这样的。</p>
<p><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="101" alt="clip_image006" src="http://blogs.msdn.com/blogfiles/webdevelopertips/WindowsLiveWriter/Tip50DidyouknowHowtoabsolutepositionthec_CC81/clip_image006_thumb.jpg" width="150" border="0" /></p>
<p class="akst_link">
</p>
	<h4>你可能也会喜欢以下文章：</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.watch-life.net/visual-studio/remote-debugging-waps-using-iis.html" title="web developer tips (17):远程调试使用IIS的web应用 (2009-07-06)">web developer tips (17):远程调试使用IIS的web应用</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/change-start-up-options-and-instances-of-asp-net-development-server-in-a-multi-project-solution.html" title="web developer tips (55):多项目解决方案中设置启动项 (2009-10-28)">web developer tips (55):多项目解决方案中设置启动项</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/register-your-ihttpmodule-depends-on-the-pipeline.html" title="web developer tips (43):通过请求处理管道注册IHttpModule (2009-09-06)">web developer tips (43):通过请求处理管道注册IHttpModule</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/specify-a-fixed-port-for-visual-studio-development-server.html" title="web developer tips (63): 在web应用项目指定vs开发服务器端口 (2009-11-15)">web developer tips (63): 在web应用项目指定vs开发服务器端口</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/iis7-application-pool-s-ping-settings-may-affect-debugging.html" title="web developer tips (48):IIS7应用程序池的“Ping”设置可能影响调试 (2009-09-16)">web developer tips (48):IIS7应用程序池的“Ping”设置可能影响调试</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/know-how-to-scope-master-pages.html" title="web developer tips (40):定义母版页的作用范围 (2009-08-31)">web developer tips (40):定义母版页的作用范围</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/how-to-databind-a-listview-control.html" title="web developer tips (5):绑定ListView控件 (2009-06-12)">web developer tips (5):绑定ListView控件</a> (1)</li>
	<li><a href="http://www.watch-life.net/visual-studio/update-jscript-intellisense-manually.html" title="web developer tips (56):手动更新JScript的智能感知 (2009-10-29)">web developer tips (56):手动更新JScript的智能感知</a> (0)</li>
</ul>

转载请注明作者，出处，以及原始超链接。<br />评论数：0 | <b><a href='http://www.watch-life.net/visual-studio/absolute-position-the-controls-in-visual-studio-designer.html#comment'>评论这篇文章</a></b>|关注作者最近动态,欢迎 follow me <a href='https://twitter.com/xjb' target='_blank'>xjb@twitter.com</a>|联络作者：iamxjb@gmail.com<br/>© 2010 守望轩 <a href='http://www.watch-life.net/visual-studio/absolute-position-the-controls-in-visual-studio-designer.html'>www.watch-life.net</a>]]></content:encoded>
			<wfw:commentRss>http://www.watch-life.net/visual-studio/absolute-position-the-controls-in-visual-studio-designer.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>web developer tips (18):从工具箱粘贴或拖拽控件时进行绝对定位</title>
		<link>http://www.watch-life.net/visual-studio/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html</link>
		<comments>http://www.watch-life.net/visual-studio/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html#comments</comments>
		<pubDate>Mon, 06 Jul 2009 17:18:36 +0000</pubDate>
		<dc:creator>xjb</dc:creator>
				<category><![CDATA[Visual Studio]]></category>
		<category><![CDATA[Asp.net]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[web developer tips]]></category>
		<category><![CDATA[控件]]></category>
		<category><![CDATA[绝对定位]]></category>

		<guid isPermaLink="false">http://www.watch-life.net/?p=402</guid>
		<description><![CDATA[原文地址：How to absolute position controls on copy paste or drag drop from Toolbox 在设计器里为了让任何任一控件进行绝对定位，你需要选中控件，然后选择如下菜单：格式+设置位置+绝对。 有时候，你也许想从工具箱拖拽控件或在设计器里剪贴控件后就让控件被绝对定位。你可以这样做： http://www.watch-life.net/life-thinking/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html 菜单：工具+选项+html设计器+css样式，选中“对于使用工具箱、粘贴或拖放控件时，将定位更改为绝对定位”。 此时，如果你切换到设计视图，拖拽一个按钮控件，设计器会自动给控件加上（代码）：style=&#8221;position: absolute&#8221;，选中白色标签页（asp:button#Button1），就可以在设计器的表面拖拽控件，并放置到任何需要的位置。 带白色标签页的绝对定位的按钮控件如下图所示： 不过，在进行Asp.net的设计开发的时候，我不喜欢绝对定位，特别是对于不同分辨率的情况下，绝对定位简直是噩梦。控件的布局应该通过div或table来控制。 你可能也会喜欢以下文章： web developer tips (44):如何在Visual Studio中查看项目文件 (2) web developer tips (2):样式应用工具栏的工作模式 (0) web developer tips (64): 在GridView中转换BoundField为TemplateField (0) web developer tips (35):为js文件中的脚本库添加智能提示 (0) web developer tips (7):在ListView控件里对数据排序 (1) 帮帮我！我不懂JavaScript (3) web developer tips (14):启动网站调试 [...]]]></description>
			<content:encoded><![CDATA[<p>原文地址：<a href="http://blogs.msdn.com/webdevelopertips/archive/2008/10/29/tip-18-did-you-know-how-to-absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.aspx" target="_blank">How to absolute position controls on copy paste or drag drop from Toolbox</a></p>
<p>在设计器里为了让任何任一控件进行绝对定位，你需要选中控件，然后选择如下菜单：<strong>格式+设置位置+绝对</strong>。<br />
有时候，你也许想从工具箱拖拽控件或在设计器里剪贴控件后就让控件被绝对定位。你可以这样做：<br />
<a href="http://www.watch-life.net/life-thinking/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html" target="_blank">http://www.watch-life.net/life-thinking/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html</a></p>
<p>菜单：<strong>工具+选项+html设计器+css样式</strong>，选中“对于使用工具箱、粘贴或拖放控件时，将定位更改为绝对定位”。</p>
<p><img title="ToolsOptions" height="383" alt="ToolsOptions" src="http://blogs.msdn.com/blogfiles/webdevelopertips/WindowsLiveWriter/Tip18DidyouknowHowtoabsolutepositioncont_CEEB/ToolsOptions_thumb.jpg" width="514" /></p>
<p>此时，如果你切换到设计视图，拖拽一个按钮控件，设计器会自动给控件加上（代码）：<font color="red">style=&#8221;position: absolute&#8221;</font>，选中白色标签页（asp:button#Button1），就可以在设计器的表面拖拽控件，并放置到任何需要的位置。</p>
<p>带白色标签页的绝对定位的按钮控件如下图所示：</p>
<p><img title="AbsolutelyPositionedButtonControl" height="111" alt="AbsolutelyPositionedButtonControl" src="http://blogs.msdn.com/blogfiles/webdevelopertips/WindowsLiveWriter/Tip18DidyouknowHowtoabsolutepositioncont_CEEB/AbsolutelyPositionedButtonControl_thumb.jpg" width="250" /></p>
<p>不过，在进行<a href="http://www.watch-life.net/tag/aspnet" rel="tag" target="_blank">Asp.net</a>的设计开发的时候，我不喜欢绝对定位，特别是对于不同分辨率的情况下，绝对定位简直是噩梦。控件的布局应该通过div或table来控制。</p>
<p class="akst_link">
</p>
	<h4>你可能也会喜欢以下文章：</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.watch-life.net/visual-studio/view-the-project-file-while-still-in-visual-studio.html" title="web developer tips (44):如何在Visual Studio中查看项目文件 (2009-09-08)">web developer tips (44):如何在Visual Studio中查看项目文件</a> (2)</li>
	<li><a href="http://www.watch-life.net/visual-studio/the-style-application-toolbar-works-in-both-auto-and-manual-modes.html" title="web developer tips (2):样式应用工具栏的工作模式 (2009-05-24)">web developer tips (2):样式应用工具栏的工作模式</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/convert-a-gridview-column-from-boundfield-to-templatefield.html" title="web developer tips (64): 在GridView中转换BoundField为TemplateField (2009-11-18)">web developer tips (64): 在GridView中转换BoundField为TemplateField</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/add-intellisense-from-script-libraries-for-js-files.html" title="web developer tips (35):为js文件中的脚本库添加智能提示 (2009-08-14)">web developer tips (35):为js文件中的脚本库添加智能提示</a> (0)</li>
	<li><a href="http://www.watch-life.net/visual-studio/how-to-sort-data-using-a-listview-control.html" title="web developer tips (7):在ListView控件里对数据排序 (2009-06-17)">web developer tips (7):在ListView控件里对数据排序</a> (1)</li>
	<li><a href="http://www.watch-life.net/javascript/help-i-dont-know-javascript.html" title="帮帮我！我不懂JavaScript (2009-09-30)">帮帮我！我不懂JavaScript</a> (3)</li>
	<li><a href="http://www.watch-life.net/visual-studio/enable-debugging-of-your-web-site.html" title="web developer tips (14):启动网站调试 (2009-07-02)">web developer tips (14):启动网站调试</a> (1)</li>
	<li><a href="http://www.watch-life.net/visual-studio/you-can-get-the-name-of-the-calling-method-from-the-stack-using-reflection.html" title="web developer tips (83):通过反射从堆栈里获取调用的方法名称 (2010-03-29)">web developer tips (83):通过反射从堆栈里获取调用的方法名称</a> (0)</li>
</ul>

转载请注明作者，出处，以及原始超链接。<br />评论数：0 | <b><a href='http://www.watch-life.net/visual-studio/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html#comment'>评论这篇文章</a></b>|关注作者最近动态,欢迎 follow me <a href='https://twitter.com/xjb' target='_blank'>xjb@twitter.com</a>|联络作者：iamxjb@gmail.com<br/>© 2010 守望轩 <a href='http://www.watch-life.net/visual-studio/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html'>www.watch-life.net</a>]]></content:encoded>
			<wfw:commentRss>http://www.watch-life.net/visual-studio/absolute-position-controls-on-copy-paste-or-drag-drop-from-toolbox.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/


Served from: www.watch-life.net @ 2010-09-07 01:34:10 -->