Fatal编程技术网
  • css/
  • Css Div-won'；t水平居中

Css Div-won'；t水平居中

css

Css Div-won'；t水平居中,css,Css,这是代码。这是尽可能简单的。为什么它不会集中 .msg { width: 600px; height: 200px; margin-left: auto; margin-right: auto; margin-top: 100px; font-size: 42px; font-weight: bold; } </style> </head> <body> <div class="msg">Th

这是代码。这是尽可能简单的。为什么它不会集中

.msg {
    width: 600px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    font-size: 42px;
    font-weight: bold;
}
</style>
</head>
<body>
<div class="msg">This is not centered. Why not?</div>
</body>
</html>

.msg{
宽度：600px；
高度：200px；
左边距：自动；
右边距：自动；
边缘顶部：100px；
字体大小：42px；
字体大小：粗体；
}
这不是居中的。为什么不呢？
需要有
位置：相对
，加上父元素还需要有一个位置设置，而不是
static
（默认设置）。

您要做的就是将此
放在页面中央？您使用的浏览器是什么？另外，这是页面上唯一的css吗？（我没有看到起始样式标记）