个人中心
gpt4 book ai didi

html - 在 Google Chrome 中将 div 居中

转载 作者：太空宇宙 更新时间：2023-11-03 19:47:27 24 4
gpt4 key购买 nike

我有以下 CSS:

html, body {
        background-color:black;
        font-family:"arial bold";
        overflow:auto;
        text-align: center; 
    }
div#content {
        width:792px;
        height:100%;
        padding:0px;
    }

div#header  {
        height:216px;
        width:100%;
    }

我的 HTML 代码是:

<html>
    <head>
        <title>
            Think in a NEW BOX.
        </title>

        <link rel="stylesheet" type="text/css" href="styles/default.css" />
    </head>
    <body onload="">
        <div id="content">
            <div id="header">
                <img src="images/title-1.png" /><img src="images/title-2a.png" /><img src="images/title-3.png" />
            </div>
        </div>
    </body>
</html>

现在，这在 IE 中效果很好。 div 完美居中(标题)。然而，在谷歌浏览器中，div 是左对齐的。我错过了什么吗？

最佳答案

我今天也有这个“问题”。使用 display: inline-block; 解决了这个问题。工作的浏览器不会改变，如果它已经在工作，这不会混淆旧的 IE。

关于html - 在 Google Chrome 中将 div 居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6049386/

24 4 0
文章推荐： Python - 使用等高线图绘制两个 3D 图形
文章推荐： c# - asp.net core无法从url获取xml数据
文章推荐： python - 查找给定温度范围内数组中的最大值
文章推荐： html - 我可以用输入按钮替换 链接吗？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com