网页显示上、右、左、下四个箭头;在屏幕的左上角。我需要将它们对齐到页面的中心,使其适合页面布局而不会出现滚动。谁能建议我需要做什么?
请看下面的代码:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=yes"/>
<style>
#item_1 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 50px solid #555;
}
#item_2 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 50px solid #555;
margin-top: 50px;
}
#item_3 {
width: 0;
height: 0;
border-top: 25px solid transparent;
border-right: 50px solid #555;
border-bottom: 25px solid transparent;
margin-top: 50px;
float:left;
}
#item_4 {
width: 0;
height: 0;
align : right;
border-top: 25px solid transparent;
border-left: 50px solid #555;
border-bottom: 25px solid transparent;
float:left;
margin-top: 50px;
}
</style>
</head>
<body>
<div style="float:left; width: 100%">
<div id="item_3"></div>
<div style="float:left">
<div id="item_1"></div>
<div id="item_2"></div>
</div>
<div id="item_4"></div>
</div>
<input type="submit" value="Logout" style="
background: black;
color: #fff;
border: 0px;
padding: 5px;
margin-top: 40px;
">
</body>
</html>
最佳答案
最好不要使用float,而使用position:fixed;具有顶部和左侧值。 https://www.w3schools.com/css/css_positioning.asp#:~:targetText=An%20element%20with%20position%3A%20fixed,would%20normally%20have%20been%20located .
关于html - 需要将样式表中的div元素居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58904511/