gpt4 book ai didi

html - Css 中心对齐菜单?

转载 作者:太空宇宙 更新时间:2023-11-03 19:04:58 24 4
gpt4 key购买 nike

我的页面中有一个菜单。这是代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css">
#head {
background-image:url(http://manage.smarturl.it/_static/images/homeslice.png);
background-repeat:repeat-x;
text-align:center;
color:#FFF;
font:'BebasNeueRegular';
border:none;
}
#head {
padding:0px;
margin:0px;
}
.style1 {
font: 27px 'BebasNeueRegular', Arial, sans-serif;
color:#FFF;
list-style:none;
margin-top:-20px;
}
.style1 li {
float:left;
}
.style1 a {
text-decoration:none;
color:inherit;
display:block;
width:80px;
}

</style>
</head>

<body>
<div id="head">
<img src="logo8bit.png" width="491" height="188" /><br />
<ul class="style1"><li><a href="">LOGIN</a></li><li><a href="">SIGNUP</a></li><li><a href="">OTHER</a></li><li><a href="">MENU</a></li><li><a href="">STUFF</a></li></ul>
</div>
<br />
</body>
</html>

我无法让菜单与边距居中对齐,因为每当我尝试这样做时,它都会弄乱菜单的显示方式,并且不会显示。请给我任何建议。谢谢!

最佳答案

你可以像这样使用 css。

.style1{ margin-left:20px;}
.style1 li{ list-style:none; float :left; padding:5px:}

您可以增加 .style1 的 margin-left 并删除所有负值,因为这不是 Gud 的做法,而且我认为您不需要手动为 li 中的 anchor 标记指定宽度。

关于html - Css 中心对齐菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10676791/

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