我在我的网站上制作一段文本时遇到问题,它将成为导航系统的一部分,变得响应。目前,文本只是坐在那里,当我重新调整浏览器时不会移动。
这是我的 HTML:
<div id="apDiv1">
<div class="wrapper1">
<h2>Home</h2>
</div></div>
这是我的CSS:
.wrapper1{
width:100%;
max-width:960px;
margin:0 auto;
}
当您更改浏览器窗口的大小时,您希望您的文本移动。
但是,如果对文本进行了左调整(如您的情况),则无论窗口大小如何,它都将始终位于左侧。所以你不应该期望它“移动”。
您是否在 html 中正确包含了 css 文件?
以下按预期工作。您可以基于此进行调试:
<html>
<head>
<style type="text/css"> .wrapper1 {color:red; text-align:center; width:100%;} </style>
</head>
<body>
<div id="haha">
<div class="wrapper1">
<h2>Hello World.</h2>
</div>
</div>
</body>
</html>
你想在屏幕上居中 div 吗?我不确定您所说的移动文本是什么意思。如果你想居中 div ".wrapper1",添加position: relative
它。
如果要使文本居中,请使其text-align: center;