Asp.net 在.ASPX标记中移动用户控件
一个非网页设计师提出的问题是,如果我使用的是div而不是表格单元格,那么如何将用户控件水平和垂直移动几个像素,这是首选的方法,也是对浏览器最不敏感的方法 如果您查看网页的顶部,您会注意到下部菜单向左偏多了几个像素,而向上偏多了几个像素。(请注意,右边缘与其上方的菜单不对齐。此外,下控件右侧的图像按钮顶部会被剪裁。) 我可以绝对定位它们,还是使用空白将较低的一个移动到对齐位置 以下是一个屏幕截图: 以下是大致的标记:Asp.net 在.ASPX标记中移动用户控件,asp.net,html,Asp.net,Html,一个非网页设计师提出的问题是,如果我使用的是div而不是表格单元格,那么如何将用户控件水平和垂直移动几个像素,这是首选的方法,也是对浏览器最不敏感的方法 如果您查看网页的顶部,您会注意到下部菜单向左偏多了几个像素,而向上偏多了几个像素。(请注意,右边缘与其上方的菜单不对齐。此外,下控件右侧的图像按钮顶部会被剪裁。) 我可以绝对定位它们,还是使用空白将较低的一个移动到对齐位置 以下是一个屏幕截图: 以下是大致的标记: <body id="bodyTag" runat="server">
<body id="bodyTag" runat="server">
<form id="Form1" method="post" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div id="divAll" runat="server" style="visibility:visible;">
<div id="divPrintHeaders" style="visibility:hidden; width: 923px;height:70px;">
<asp:ImageButton ID="printCompanyLogoImageButton" ImageUrl="~/Images/TopNav/MainLogoImage.gif"
runat="server"></asp:ImageButton>
<asp:Image ID="printPageTitleImage" ImageUrl="~/Images/PageTitle/Product_Title.gif" runat="server"></asp:Image>
<br />
</div>
<div id="divMainHeaders" style="z-index:10;">
<ZZ:TopNavCtrl ID="topNavCtrl" runat="server"/>
<div style="margin-top:-13px;margin-left:-4px;height:31px;z-index : 25;">
<ZZ:MyMenuControl ID="myMenu" runat="server" OnMyMenu="myMain_DoStuff" />
</div>
</div>
<div style="LEFT: 12px; POSITION: absolute; TOP: 120px">
<ZZ:SomeControl id="something" runat="server"></ZZ:SomeControl>
<!-- Several more controls here ... -->
<table border="0" cellpadding="0" cellspacing="0"
style=" background-color: #ffffff; LEFT: 0px; POSITION: relative; TOP: 100px; width: 740px; height: 50px;">
<tr valign="middle">
<td>
<asp:PlaceHolder id="footerPlaceHolder" runat="server"></asp:PlaceHolder>
</td>
</tr>
</table>
</div>
</div>
</form>
</body>
使用CSS时使用左边距:
(可以采用正值或负值,通常以像素为单位)
在构建菜单等时,它更易于使用。没错,但这只适用于块元素(如div),而不适用于内联元素(如SPAN或INPUT)。效果非常好。谢谢,迪奥多斯。
margin-left:-5px;