gpt4 book ai didi

html - 如何在页面顶部制作第二个没有空格的正方形?

转载 作者:行者123 更新时间:2023-11-28 11:36:49 25 4
gpt4 key购买 nike

我的第一个方 block 是用 div 标签制作的,第二个是用 ID 命名的 #blacksquare2。第二个正方形 #blacksquare2 似乎总是在底部与我的第一个正方形保持对齐并且无法将其带到页面上。而且“我爱它”这两个词似乎彼此分开。如果有帮助,我正在尝试实现类似麦当劳网站的功能,仅供练习。

CSS:
div{
height:90px;
width:96px;
background-color:#CC0000;
border-radius:4px;
text-align:center;
margin-left:132px;
}
#blacksquare2{
height:25px;
width:200px;
background-color:#000000;
text-align:left;
margin:1px 10px 10px 10px
}
#blacksquare2 a{
color:#E6E600;
font-size:11px;
font-family:Arial;
margin:25px
}
span{
font-size:50px;
text-decoration:none;
font-family:Arial;
color:#E6E600;
font-weight:Arial;
margin-left:10px;
}
a{
text-decoration:none;
font-size:13px;
margin-right:10px;
color:white;
font-family:Arial bold;
}
l{
font-size:8px
}
body{
margin-top:0px
}


HTML:

<!DOCTYPE html>
<head>
<title>Home :: McDonalds.com</title>
<link rel="stylesheet"; type="text/css"; href="McDonald'sPrac.css">
</head>
<body>
<div>
<a href="http://www.mcdonalds.com/us/en/home.html"><span>M</span>i'm lovin' it<l>™</l></a>
</div>
<div id="blacksquare2">
<a href="http://www.mcdonalds.com/us/en/home.html#">Home<a>
</div>
</body>



</html>

最佳答案

元素 div 默认占据所有可用的水平空间。对于第一个 div,您可以使用 span 而不是 div。还有,设置

display: inline;

在 css 中会有同样的效果。

关于html - 如何在页面顶部制作第二个没有空格的正方形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20877466/

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