gpt4 book ai didi

javascript - 在 HTML5 中放大和缩小网页时, body 应该居中吗?

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

缩放网页时如何让正文居中?

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

body {
font-family: 'Merriweather Sans', sans-serif;
margin:0px;
font-weight: normal 300;
font-size:14px;
color:#595959;
text-align:center;
}

最佳答案

当我将 margin: 0 auto; 添加到那个 div 时,请注意红色 div 的居中。尝试缩放,它只会留在中心。您不需要 text-align: center 在 body 的 css 属性中。只需将 margin: 0 auto; 添加到您想要居中的 div (我假设您希望元素水平居中)

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id = 'justCreatedThisDiv' style = 'margin: 0 auto;'>
<!-- put all your code here -->
<div style = "width: 100px; height: 100px; background-color: red; margin: 0 auto;"></div>

</div>
</body>
</html>

关于javascript - 在 HTML5 中放大和缩小网页时, body 应该居中吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38804567/

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