Question

在我的网站上，无论我做什么，我似乎都无法集中在我网站上的任何页面中。一切都在侧面或页面上的随机位置对齐。唯一的解决方案是使用绝对定位，它不能很好地工作并且非常不方便，因为我必须手动完成所有操作，因为每个图片/表需要不同的属性。这是网站的样子，侧面对齐 - http://i43.tinypic.com/hvb67m.jpg

这（显示成员）页面：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div style=" font-family:'Times New Roman';  " align="center">   
        <img src= "./Images/ShowMembers.png" alt="ShowMembers"  />
        <br />
        <br />
        <br />
            <%=str %>

    </div>
</asp:Content>

css样式表：

body 
{
    background: url(/upload/Images/Background.jpg) no-repeat; 
    background-size:100% 100%;
    background-position:bottom;

    font-size:18px;
    font-family: Arial;
    direction:rtl
}
#wrapper{
margin:0 auto;
}
a
{
     text-decoration:none;
     color:Blue;
}

.noBorder
{
    border-style:none;
}

td 
{
    vertical-align:central;
    text-align:center;
}

母版页没有任何相关性。

我会赞赏任何类型的建议，谢谢。

Answer 1

试试这个（See the fiddle）：

<强> CSS

<style type="text/css">
    .center_outer
    {
        position: relative;
        left: 50%;
        float: left;
    }
    .center_inner
    {
        position: relative;
        left: -50%;
    }
</style>

<强> HTML

<div class="center_outer">
    <div class="center_inner">
               <!-- Put your contents (which needs to be centered) here --!>
        Whatever contents here get centered.
    </div>
</div>

这将使div.center_inner内的所有内容居中。即使浮动（没有提到宽度）div s。用这两个div将div包裹在#Content2内。

Aspx页面对齐问题

1 个答案: