Question

我是HTML和CSS的新手。

我正试图将横幅置于屏幕顶部。

我已尝试将左边距和右边距设置为自动，但是当我尝试使用或文字对齐：中心时，没有任何反应，我不确定为什么......

我将横幅放在div中。

<div class="bruceBanner">
 <a href="http://www.example.com">
    <img border="0" alt="XYZ Banner" src="http://www.fablevision.com/northstar/make/objects/banner3.gif" width="553" height="172">
</a>
</div>

并像这样引用它的类。

.bruceBanner {
margin-left: auto;
margin-right: auto;
}

完整的html在下面，如果我不知道任何错误。

<DOCTYPE HTML>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>XYZ Products</title>
<meta charset="utf-8"/>
 </head>

 <body>

 <div class="bruceBanner">
<a href="http://www.example.com">
    <img border="0" alt="XYZ Banner" src="http://bit.ly/1QSpdbq" width="553"    height="172">
</a>
 </div>



 </body>
 </html>

Answer 1

''是.bruceBanner元素。

默认情况下，

div元素是块级元素，这意味着它们占据了100％的宽度。

您需要将宽度设置为小于100％，或将其div更改为display。

inline-block

Answer 2

您忘记了.：

.bruceBanner {
^---

CSS中的

.是一个类。没有点，你试图设计一个未知/非法的html标签<bruceBanner>

Answer 3

来自w3schools.com

.bruceBanner {
    margin: auto;
}

我试图集中横幅

3 个答案: