Html 页面中心内容_Html_Css - Fatal编程技术网

Html 页面中心内容

html css

Html 页面中心内容,html,css,Html,Css,如何将页面内容置于其中心 A. cxwxc div{ 左边距：自动；右边距：自动； } 我就是这么做的，但那不行。请问怎么修 text-align: center; 他是你的朋友要使整个div与其内容居中，需要为其指定宽度。在您的例子中，div的宽度被设置为其父元素宽度的100%，这恰好占用了整个容器。因此，左边距和右边距属性解析为零，并且div在技术上居中给div一个任意的宽度，然后再试一次，你会看到它是居中的演示：您是否尝试过文本对齐：居中；在您的div元素上。请参见您需要提

如何将页面内容置于其中心


A.
cxwxc
div{
左边距：自动；
右边距：自动；
}

我就是这么做的，但那不行。请问怎么修

text-align: center;

他是你的朋友

要使整个div与其内容居中，需要为其指定宽度。在您的例子中，div的宽度被设置为其父元素宽度的100%，这恰好占用了整个容器。因此，左边距和右边距属性解析为零，并且div在技术上居中

给div一个任意的宽度，然后再试一次，你会看到它是居中的

演示：

您是否尝试过文本对齐：居中；在您的div元素上。请参见

您需要提供一个宽度以使其工作

<html>
    <head>
        <title>a</title>
    </head>
    <body>
        <div>
            <p style ="width:100px">cxwxc</p>
        </div>
    </body>
</html>

使用

显示：表格

。当您希望内容同时收缩包装并集中在自己的行上时，它确实是您的朋友：

试着这样说：

div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

发生这种情况是因为文本与正文相对，但正文只是文本，所以它将位于页面的开头，我们将div设置为页面的中心。

对于居中div，请在页面上进行设置

div {
  width: 960px;
  margin: 0 auto;
}

对于div内的居中文本，添加

文本对齐

属性

div {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

你可以在成千上万的地方找到这些信息，谷歌的“如何居中css”页边距自动功能只有在你给它一个宽度或最大宽度时才有效。当然，默认情况下，div是100%宽的。此外，文本应该始终位于正确的文本标记中…而div不是。我确信如果有宽度，div将居中；默认情况下，div的宽度为100%。这并没有得到充分的支持，但很好的解决方法。我不想让文本居中，但容器的所有元素

div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div {
  width: 960px;
  margin: 0 auto;
}

div {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}