gpt4 book ai didi

CSS 不居中容器

转载 作者:太空宇宙 更新时间:2023-11-04 00:32:22 24 4
gpt4 key购买 nike

我有一个容器 div。宽度:80%,左边距:10%,右边距 10%。问题是,在我检查的所有浏览器中,容器都显示在左侧。如果我将 margin-left 的值更改为 20%,它看起来没问题。

如有必要,我会提供代码,但这里有什么明显的错误吗? 80 和每边 10 的边距是否可以使 div 居中?

friend

最佳答案

我试过您的设置,效果很好。

你应该检查你的 CSS 的拼写和语法,可能有一些错误导致它无法工作。在 Firefox 中,您可以打开错误控制台并重新加载您的页面,它会告诉您任何 CSS 错误。

你也可以使用 margin-left: auto; margin-right: auto; 使元素居中。

这是我用来测试 CSS 的页面代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<title>Test</title>
<style type="text/css">
div { width: 80%; margin-left: 10%; margin-right: 10%; background: #ccc; }
</style>
</head>
<body>
<div>asdf</div>
</body>
</html>

关于CSS 不居中容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2795342/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com