Question

我是学习PHP / CSS的新手，我很困惑：

我创建了这个CSS代码，将我的网站分成了几个部分。当我使用这样的代码时，没有问题：

#main {
    float:left
    min-height:500px
    min-width:350px
}

但是使用下面的代码，用分号，就会产生问题。

#main {
    float:left;
    min-height:500px;
    min-width:350px;
}

我使用以下代码显示简单的文本行

<div id="main">
    <p style=text-align:center>
        This website is, and will be for a significant period, <b>under construction.</b></a>
    </p>
</div>

当我使用分号时，文本将不会与中心对齐，但没有分号。所以现在我很困惑，我以为你总是不得不在每个CSS行的末尾添加分号？我在这里做错了什么？

Answer 1

它是另一种方式......你的代码正在使用分号，并且它不是没有......

我添加了一个边框以使其更清晰，this jsFiddle分号不在那里，this one它们是。{{3}}。你会在第二个例子中看到黑色边框

添加了：

border: 1px solid black;

Answer 2

看起来在你的第一个区块中你实际上并没有获得任何css样式。您正在获得

的INLINE样式

<p style=text-align:center>

在你的第二个区块中，你实际上是在设置样式，它只是没有按你认为的那样做。

Answer 3

看看这是否有助于你...... jsfiddle

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Your page title</title>
    <style type="text/css">
        #main {
            text-align: center;
        }
    </style>
</head>
<body>
<div id="main">
    <p>This website is, and will be for a significant period, <strong>under construction.</strong></p>
</div>

<div id="another-example" style="text-align:center;">
    <p>Hello centered inline text.</p>
</div>
</body>
</html>

添加Semicolon CSS会破坏代码

3 个答案: