Asp.net 将徽标置于多个分辨率的中心_Asp.net_Css

Asp.net 将徽标置于多个分辨率的中心

asp.net css

Asp.net 将徽标置于多个分辨率的中心,asp.net,css,Asp.net,Css,我有一个标志，我正试图在一个页面的中心。从左到右的死点。我一直面临的问题是，当我在不同的显示器尺寸/分辨率上查看它时，它从未对齐以居中。我在一个分辨率/尺寸上做对了，然后当我在我的小显示器上工作时，它就不对齐了。这需要通过多个样式表或动态主题来实现吗？我在ASP.NET中对网站进行编码，并设置了主题。如果需要，可以更改此设置 <body> <div class="wrap_1"> <form id="form1" runat="server">

我有一个标志，我正试图在一个页面的中心。从左到右的死点。我一直面临的问题是，当我在不同的显示器尺寸/分辨率上查看它时，它从未对齐以居中。我在一个分辨率/尺寸上做对了，然后当我在我的小显示器上工作时，它就不对齐了。这需要通过多个样式表或动态主题来实现吗？我在ASP.NET中对网站进行编码，并设置了主题。如果需要，可以更改此设置

<body>
<div class="wrap_1">
    <form id="form1"  runat="server">
    <!-- LOGO WRAP STARTS HERE-->

        <asp:Image SkinID="DefaultLogo" runat="server"/>

  <div style="background-color: #c5e8ea;"  >
  <!-- TITLE WRAP STARTS HERE-->
    <div class="wrap">
<div>
    <h1 style="padding-left:2em;">BLAH BLAH BLAH </h1>
    <h2 style="padding-left:5em;">BLAH BLAH BLAH </h2>
    <div>
 <!--CONTROLS -->
 <ul id="home-menu">
    <li>
        <asp:Button SkinID="Button1" runat="server" PostBackUrl="~/Reinstall.aspx"/>
    </li>
    <li>
        <asp:Button SkinID="Button2" runat="server" PostBackUrl="~/Registration.aspx" />
    </li>
</ul>


    </div>
  </div>
  </div>
  </div>
    </form>

您应该能够仅使用CSS来实现这一点

#theCoolestLogoEver{
  margin: auto auto;
}

您可以给您的图像一个ID或类，并在css中设置它，或者只需将样式设置为内联

<img src="blah" style="margin: auto auto;"/>

如果图像的宽度总是一定的宽度，比如说300px，那么您可以对其应用css：

#Logo {
    width: 300px;
    height: 110px;
    position: relative;
    left: 50%;
    margin-left: -150px;
}

不过，我会尝试使用“margin:0 auto”选项。

向我们展示您的HTML，这样我们就可以使用它了。通常，要水平居中，只需在徽标所在的上设置style=“text align:center；”。也可能是您的父容器没有居中，但如果没有任何代码，我们永远也不会知道…会是这样吗。wrap_1{margin:0 auto；}？为什么这里是零？我想你在SkinID上也犯了一个小错误（见下面我的答案，我对它进行了编辑以反映）。谢谢你的回复。我刚试过，但当我这么做的时候，它会把它推到左边。它不在屏幕中央。（我可能用了不正确的措词。）当你说“向左推”-你的意思是一路走吗？或者只是一小部分？另外，如果在查看页面时调整窗口宽度，会发生什么情况？它似乎与其他元素一起移动，还是在水平方向上移动得更快/更慢？一直以来，它好像没有任何位置。这可能有很多原因。我想我同意其他人的看法，我们需要看一些代码。我猜你是在不知不觉中继承了上面的一些风格。当你悬停在你的元素上时，FireBug会告诉你什么？谢谢你的帮助，我刚刚编辑了我的原始帖子。放松点，我是自学成才，所以很多可能是错的。我只是在一个空白的模板上试了试。它将其推到左上角，好像边距中的值：0px 0px 0px 0px@user1108957 SkinID不做您认为它做的事情，它设置与控件关联的外观，它不设置控件的ID。尝试将一个类应用于图像并使用它。否则，您需要使用控件的“clientID”属性并使用它，但这有点复杂。见我的最新答案我没有像你解释的那样使用skinid。我没有复制粘贴我的皮肤文件来显示格式。它们共享相同的标识符。“DefaultLogo”也是CssClass。我可以将图像移动到任何我想要的地方。但它会根据屏幕大小和分辨率的不同而变化，而分辨率会偏离我的中心。谢谢你到目前为止的帮助！谢谢你的帖子。它似乎在做我想做的事。你为什么说要按边距走：0自动选择？我有这样的想法，它从来都不是死的中心，它会随着我的决心而改变。这就是我开始写这篇文章的原因。我通常更喜欢用margin:0auto来处理像这样的小定心项目。我有一个建议给你，但是，看看这是否会使你的保证金：0自动；工作我现在有点好奇了，哈哈。您是否尝试过在徽标容器上设置固定宽度，并添加一个float:none？我有点困惑，为什么你的保证金有问题：0自动。不管怎样，我很高兴我的解决方案有帮助！

<img src="blah" name="moo"/>

#blah { 
    margin: auto auto;
}

<img src="blah" class="moo"/>

.blah { 
   margin: auto auto;
}

<asp:Image SkinID="DefaultLogo" runat="server"/>

<asp:Image runat="server" CssClass="moo"/>

.blah { 
   margin: auto auto;
}

#Logo {
    width: 300px;
    height: 110px;
    position: relative;
    left: 50%;
    margin-left: -150px;
}