gpt4 book ai didi

html - 我正在尝试将横幅居中

转载 作者:太空宇宙 更新时间:2023-11-03 23:03:05 26 4
gpt4 key购买 nike

我对 HTML 和 CSS 很陌生。

我正在尝试将横幅置于屏幕顶部的中央。

我已经尝试将左右边距设置为自动,但是当我尝试这样做时,或者 text-align: center 时,没有任何反应,我不确定为什么......

我将横幅放在一个 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>

最佳答案

.bruceBanner 是一个 div 元素。

div 元素默认是 block 级元素,这意味着它们占据 100% 的宽度。

您需要将宽度设置为小于 100% 或将其 display 更改为 inline-block

.bruceBanner {
margin: 0 auto;
width: 50%;
}

关于html - 我正在尝试将横幅居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35754214/

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