-1

ナビゲーション システムの一部となる Web サイトのテキストをレスポンシブにする際に問題が発生しています。現在、テキストはそこに座っているだけで、ブラウザを再調整しても移動しません。

ここに私のHTMLがあります：

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

ここに私のCSSがあります:

.wrapper1{

width:100%;
max-width:960px;
margin:0 auto;

}
4

3 に答える 3

1

ブラウザ ウィンドウのサイズを変更すると、テキストが移動することが予想されます。

ただし、テキストが左に調整されている場合 (あなたのケースのように)、ウィンドウのサイズに関係なく、常に左側に表示されます。したがって、「動く」ことを期待しないでください。

于 2013-04-27T22:12:01.550 に答える
0

css ファイルを html に正しく含めましたか?

以下は期待どおりに動作します。それに基づいてデバッグを行うことができます：

<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>
于 2013-04-28T09:51:57.657 に答える
0

div を画面の中央に配置しようとしていますか? テキストを移動するという意味がわかりません。div ".wrapper1" を中央に配置する場合は、追加position: relativeします。

テキストを中央揃えにしたい場合は、中央揃えにしますtext-align: center;

于 2013-04-27T22:13:08.163 に答える