Html 无法使网站上的文本具有响应性_Html_Web

Html 无法使网站上的文本具有响应性

html web

Html 无法使网站上的文本具有响应性,html,web,Html,Web,我的网站将成为导航系统的一部分，我在制作一段文字时遇到了一些问题。目前，文本就在那里，在我重新调整浏览器时不会移动这是我的HTML： <div id="apDiv1"> <div class="wrapper1"> <h2>Home</h2> </div></div> 更改浏览器窗口的大小时，您希望文本移动但是，如果文本向左调整（如您的情况），则无论窗口大小如何，文本都将始终位于左侧。因此，您不应期望它“移动”。您

我的网站将成为导航系统的一部分，我在制作一段文字时遇到了一些问题。目前，文本就在那里，在我重新调整浏览器时不会移动

这是我的HTML：

<div id="apDiv1">
<div class="wrapper1">
  <h2>Home</h2>
</div></div>

更改浏览器窗口的大小时，您希望文本移动

但是，如果文本向左调整（如您的情况），则无论窗口大小如何，文本都将始终位于左侧。因此，您不应期望它“移动”。

您是否试图将div置于屏幕中央？我不知道你说的移动文本是什么意思。如果要使div“.wrapper1”居中，请向其添加

位置：relative

如果要使文本居中，请使其

文本对齐：居中
您是否在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>


.wrapper1{颜色：红色；文本对齐：中心；宽度：100%；}
你好，世界。
当您“重新调整浏览器”时，您希望它做什么？感谢您的回复，我的意思是，当我移动重新调整浏览器大小时，我希望文本也移动，例如，如果您使用的是较小的浏览器或移动设备，它可以自行调整，我知道我应该将其设置为100%，但仅此而已。继续-您可以看到，如果要在StackOverflow上调整浏览器的大小，菜单和文本等将随之移动，这就是我试图实现的。也许您的解决方案很简单：谢谢Sven，我会研究它。感谢您的回复，我添加了“位置：相对位置“正如您所建议的，但它没有做任何事情，文本仍然处于相同的位置。另外，我的意思是，你知道你会有一个导航系统，如果你调整浏览器的大小，它会自动调整，我的不会这样做，所以我会将文本作为导航系统的一部分，调整浏览器的大小，你将看不到“主页”链接，我希望它跟随位置，以便用户可以在调整浏览器大小时在屏幕上看到它。希望这足够清楚。如果我理解正确，您希望div居中，对吗？但仅当窗口宽度大于960px时？添加了一个将h2文本居中的答案我希望div跟随页面的流程，例如在我的div中有文本，当我从侧面拖动浏览器时，我希望文本也能随着它移动，这样它就不会只是坐在那里消失，目前文本位于顶部，因为它是导航系统的一部分。你能制作一个JSFIDLE吗？它在我的测试中起作用，所以我想我遗漏了一些信息。谢谢你的回答，但是你能告诉我我在哪里将它设置为“左调整”，以便我可以更改它吗？这是默认设置。尝试将text align:center添加到css类中。谢谢Mundi，但这仍然没有起到任何作用。
<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>