css - 即使最小化，如何使布局居中？-6ren

css - 即使最小化，如何使布局居中？

转载作者：太空宇宙更新时间：2023-11-04 14:58:01

24

4

我的网站布局有问题..

我为此使用 MVC 进行开发..

当我最小化或使用较小的分辨率时，布局会变得有点奇怪..

我的电脑使用 1366 x 768 分辨率..

如果我不最小化它，它会好的..

但是当我试图让浏览器变小时，它在右边有一个缺口..

我想让它像 www.bluenile.com 网站一样居中..

谢谢你..

图片:

在我最小化之前:http://i.imgur.com/aQyoAYH.png

在我最小化之后:http://i.imgur.com/9cWtl13.png

谢谢大家!

这是我的布局:

<body class="body">
<table class="wrapper" style="width: 100%;">
    <tr>
        <td>
            @Html.Partial("Header")
            <table class="main" width="1000" border="0" cellspacing="0" cellpadding="0" style="border: 0px;"
                align="center">
                <tr>
                    <td colspan="3">@Html.Partial("TopMenu")
                    </td>
                </tr>
                <tr>
                    <td colspan="3" width="100%">@RenderBody()
                    </td>
                </tr>
                <tr>
                    <td class="sidepadding">
                    </td>
                    <td>@Html.Partial("ResourcesCentre")
                    </td>
                    <td class="sidepadding">
                    </td>
                </tr>
                <tr>
                    <td class="sidepadding">
                    </td>
                    <td>@Html.Partial("Networks")
                    </td>
                    <td class="sidepadding">
                    </td>
                </tr>
            </table>
            <table width="1015" border="0" cellspacing="0" cellpadding="0" style="border: 0px;"
                align="center">
                <tr>
                    <td style="width: 5px; height: 1px;">
                    </td>
                    <td>@Html.Partial("Footer")
                    </td>
                    <td style="width: 5px; height: 1px;">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

这是我的风格:

    .body
    {
background-image: url('/Content/images/Diamond_Background_Blue.png');
    font-size: 0.75em;
    font-family: "Gotham Book", "Gotham Bold", "Gotham Light", "Gotham Thin", Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

    .wrapper
    {
margin: 0 auto 0 auto;
}

更新:

检查我的 css 后，导航上有一个 css 代码使其运行:position: relative..我删除了该代码，现在布局已经好了..

谢谢你们的帮助..:)

最佳答案

使元素居中的技巧是为其指定auto 的宽度和左右边距。例如。 边距:0 自动。如需更多帮助，请发布您的代码示例。

关于css - 即使最小化，如何使布局居中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16782711/

24

4

0

文章推荐： C++ new/new[]，它是如何分配内存的？

文章推荐： javascript - 使整个网页着色

文章推荐： c++ - 查看对象是什么类

文章推荐： css - 清除不同的 div

regex - DFA 最小化
我有一个关于 DFA 最小化的问题。所以我使用了众所周知的技术将正则表达式转换为 NFA，然后使用 goto/closure 算法从中构造 DFA。现在的问题是如何将其最小化？我在这里看过有关它的课文
delphi - 最小化/优化重复代码
这是我的代码，当鼠标光标悬停在 TPanel 上时，它会“动画化”它。我还有一个代码块来取消它的动画。 procedure Tmain.pStarting1MouseEnter(Sender: TOb
Jquery setInterval 最小化
我有图像 slider ，其中图像在超时时相互替换。我使用 jQuery 函数 setInterval() 但有一个小问题，在最小化浏览器窗口后，该函数继续“工作”，并且我恢复浏览器窗口图像的位置以令
c# - 禁用窗体双击时的最大化/最小化
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: How can I stop a double click of the window title bar
c# - 最小化/恢复窗口时是否可以禁用动画？
当我在我的 Windows 窗体应用程序中单击最小化按钮时，我不希望它执行经典的 Windows 最小化动画(窗口下降到任务栏)。据我所知，没有最小化事件，我只能使用调整大小，但我不知道如何检测我是
android - 检测应用程序关闭/最小化
首先 - 对不起我的英语。我刚刚创建了 Android 应用程序。它包含几个 Activity ，并在此应用程序的背景下播放音乐。当用户以某种方式(通过单击“后退”按钮、主页按钮或其他方式)离开应用
Java 2D 最小化
我需要帮助编写一个程序，该程序以 (X,Y) 的形式给出指定数量的坐标点。将给出的点数是程序中的第一行；它可以通过扫描仪读取。我需要计算覆盖线 x = a 和 y = b 的所有点的最小面积。因此，
Android:最小化 Activity
我需要一个 Activity 返回到上一个 Activity ，但如果再次单击该按钮，它将恢复上次的 Activity 。这是所需的过程:我点击一个按钮， Activity 开始。如果我点击“后退”按
javascript - 函数参数列表太长 |最小化
随着这个动画变得越来越复杂，我不断添加参数，以便它们在每次回调时可用。目前共有 6 个。例如，现在我想在显示消息时禁用输入框，因此我必须添加另一个元素 - in_element; 电话: M
c++ - 最小化、最大化按钮无缘无故消失
这是一个基于对话框的 MFC 应用程序。我并没有故意添加任何关于最小化、最大化和恢复按钮的代码。它可以首先显示那些按钮。但它在长时间运行后就会消失。或者计算机的 sleep 可能导致此问题？我不知道
c++ - 禁用窗口最大化/最小化
如何使用 Windows API 禁用窗口的最大化和/或最小化功能？最大化/最小化框需要变灰并禁用，双击标题栏、拖动到屏幕顶部等也需要不起作用。最佳答案您可以调用 SetWindowLong/Se
最小化 session 日程冲突的算法
是否有任何已知的算法帽子可以解决以下问题:我们有一个 session ，有多个同时会谈。用户应标记感兴趣的会谈，然后我们要创建一个会谈时间表，以便我的大多数人都可以参加他们的会谈并最大限度地减少日程冲
c++ - 什么事件用于最大化/最小化？
目前我负责为一个小项目开发一个(C++)窗口类；目标是将依赖性保持在最低限度。Win32/WinAPI 的实现按预期工作，但是，当涉及到 Linux/XCB 时，我正在努力。我知道，我可以检查“_N
c++ - windows编程中如何触发最大化/最小化
windows C++编程，如何让事件窗口最大化或最小化？对于鼠标按下事件，我们使用类似 mi.dwFlags = MOUSEEVENTF_LEFTDOWN 的东西，并使用 SendInput()
java - 最小化 if 条件
我编写了以下获取 2 个参数的构造函数，如果值(x 或 y)为负，它将被初始化为零。 public Point1 ( int x , int y ) { //if one or
javascript - 最小化 puppeteer 时我的代码不运行
我有以下代码，如果我将导航窗口最大化，它运行良好，但是当我最小化它时它停止工作。更多细节: 当窗口最小化时，“scrollDown & scrollTop”函数停止执行。 'use strict'
vba - 始终保持 Excel 最小化
我有一个包含一些宏和用户表单的 Excel 文件。我不希望用户在没有密码的情况下访问文件本身。他们应该只能看到用户表单并通过用户表单输入数据。这是我目前拥有的代码。 Private Sub Wor
tensorflow - 最小化 tensorflow 中复值网络的损失
目前，我正在尝试训练一个同时具有复值张量作为输入和输出的网络。作为损失函数，我采用输出与真实值之间逐点差异的范数。当我尝试最小化损失函数时，tensorflow 的“最小化”函数提示意外的复数。我觉
memory - 最小化 Julia 函数中的内存使用
这个函数是我想要优化的主力。任何关于如何限制其内存使用的想法都会很棒。 function F(len, rNo, n, ratio = 0.5) s = zeros(len); m = co
qt - 最小化 Qt 应用程序
在 Qt 下的 Windows Mobile 和 Symbian 平台上，如何通过单击应用程序中的某个按钮来最小化我的应用程序？最佳答案大概QWidget::setWindowState将适合您，

首页

博学

6Ren·AI

商城

css - 即使最小化，如何使布局居中？