0

在我的网站上，无论我做什么，我似乎都无法在我网站的任何页面中居中放置任何内容。一切都在侧面或页面上的随机位置对齐。唯一的解决方案是使用绝对定位，它效果不好而且非常不方便，因为我必须手动完成所有操作，因为每个图片/表格需要不同的属性。这是网站的样子，在侧面对齐 - 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;
}

母版页没有任何相关性。

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

4

1 回答 1

0

试试这个（见小提琴）：

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. 即使使用浮动（未提及宽度）divs。用这两个 div包裹div内部。#Content2

于 2013-06-03T01:55:00.407 回答