C# 将徽标精确地对准中心 CSS: #标题栏 { 背景重复:重复-x; 宽度:100%; } 朗普纳先生 { 浮动:对; 垫顶:2件; 右边填充:0px; 位置:相对位置; 宽度:45px; 高度:16px; 字号:7pt; } #伊姆格洛戈 { 宽度:156px; 高度:42px; } EN 锿

C# 将徽标精确地对准中心 CSS: #标题栏 { 背景重复:重复-x; 宽度:100%; } 朗普纳先生 { 浮动:对; 垫顶:2件; 右边填充:0px; 位置:相对位置; 宽度:45px; 高度:16px; 字号:7pt; } #伊姆格洛戈 { 宽度:156px; 高度:42px; } EN 锿,c#,asp.net,html,css,C#,Asp.net,Html,Css,我正在尝试将中央和下拉框中的图像与右上角对齐。目前,我可以做到这一点,但图像有点偏左。如果我只移除下拉框,它就会进入中心。 在系统浏览器中,你无法理解它,但这是一个移动网站&在移动视图中,你可以理解它的区别 这里有一种方法可以实现您想要的目标: 这里有一种方法可以实现您的目标: 您完全可以定位下拉菜单-您完全可以定位下拉菜单-因为您的。langpnl有一个位置:相对的,它仍然占据您定位流程中的空间。 尝试: 由于你的.langpnl有一个位置:相对的,它仍然占据你定位流程中的空间。 尝试: 这

我正在尝试将中央和下拉框中的图像与右上角对齐。目前,我可以做到这一点,但图像有点偏左。如果我只移除下拉框,它就会进入中心。
在系统浏览器中,你无法理解它,但这是一个移动网站&在移动视图中,你可以理解它的区别

这里有一种方法可以实现您想要的目标:


这里有一种方法可以实现您的目标:


您完全可以定位下拉菜单-

您完全可以定位下拉菜单-

因为您的
。langpnl
有一个
位置:相对的
,它仍然占据您定位流程中的空间。
尝试:


由于你的
.langpnl
有一个
位置:相对的
,它仍然占据你定位流程中的空间。
尝试:

这就解决了这个问题。


这就解决了这个问题。

align=“center”已经被弃用了很长一段时间:这是一个客户端问题。请显示生成的HTML,而不是ASP代码。align=“center”已被弃用一段时间了:这是客户端问题。请显示生成的HTML,而不是ASP代码。
 CSS:
 #header_bar
{
background-repeat: repeat-x;
width:100%;
}

.langpnl
{
float:right;
padding-top: 2px;
padding-right: 0px;
position:relative;
width:45px; 
height:16px; 
font-size:7pt;
}

#imgLogo
{
width: 156px; 
height: 42px;
}

<!-- header.ascx -->
<div id="header_bar">
<div align="center">
    <a href="<%=AppPath%>" target="_parent" >
        <img id="imgLogo" runat="server" src="~/images/UI/logo.jpg"   border="0" /></a>
       <asp:DropDownList ID="ddlLanguage"  class="langpnl" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlLanguage_SelectedIndexChanged">
        <asp:ListItem Value="">EN</asp:ListItem>
        <asp:ListItem Value="es-ES">ES</asp:ListItem>
    </asp:DropDownList>
  </div>
 </div>
 <!-- /header.ascx -->
<!-- header.ascx -->
<div id="header_bar">
<div id="header_logo_holder">
    <a href="<%=AppPath%>" target="_parent" >
        <img id="imgLogo" runat="server" src="~/images/UI/logo.jpg"   border="0" /></a>
       <asp:DropDownList ID="ddlLanguage"  class="langpnl" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlLanguage_SelectedIndexChanged">
        <asp:ListItem Value="">EN</asp:ListItem>
        <asp:ListItem Value="es-ES">ES</asp:ListItem>
    </asp:DropDownList>
  </div>
 </div>
 <!-- /header.ascx -->
#header_logo_holder {
width: 156px;
margin:0px auto 0px auto;
}
.langpnl { 
  position:absolute; 
  right: 0;
}
#header_bar {
  position: relative;
}
#header_bar {
  background-repeat: repeat-x;
  width: 100%;
  padding: 0;
  margin: 0; /* New */
}

.langpnl {
  float: right;
  padding-top: 2px;
  padding-right: 0px;
  position: relative;
  width: 45px;
  height: 16px; 
  font-size: 7pt;
  vertical-align: top; /* New */
}

#imgLogo {
  width: 130px;
  height: 35px;
  text-align: center;
  border:0px; /* New */
}