1

そのため、ユーザーが最初に Web サイトを開いたときに画面の中央にを配置する必要があります。幅をパーセントで設定し、タグ内<div>に配置しようとしましたが、どちらの場合もスケーリングが正しく機能しません。スケーリングに問題なく画面の中央に配置するにはどうすればよいですか?<div><center><div>

「スケーリングが機能しない」とは、ズームインしすぎると、幅の増加が停止し、高さとコンテンツが増加するため、改行が追加され、すべてが完全に間違って見えることを意味します

返信いただきありがとうございますが、あなたの提案にはすべて、私が説明したこの問題があります。これまでの唯一の方法は、位置を絶対に設定し、「上」、「左」、「幅」、「高さ」のパラメーターを手動で cm 単位で設定することです。コードを見てください：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="../../../All Files/HTML/Project/special.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class='centering'>
      <div class='content'>
test test test test test test test test test test test test test test
      </div>
</div>
</body>
</html>

そしてcssファイル：

.centering {
    text-align: center;
    background-color:#646464;
}
.content {
    text-align: left;
    margin: 0 auto;
    width:50%;
    background-color:#2B2B2B;
}

時間を割いてお手伝いいただき、本当にありがとうございました！

4

3 に答える 3

1

たとえば、div が次の場合:

<div id="content">
  //div content
 </div>

次にCSSで使用します：

   #content {
  width: 50%;
  margin: 0 auto;
  }

必要に応じて幅を変更してください。

于 2013-04-06T15:29:31.853 に答える
0

このように使えます。

.wrapper{
      width:50%;
      margin:0 auto;
}

.content{
      float:left;
}

<div class='wrapper'>
      <div class='content'>
           //your content
      </div>
</div>

または、コンテンツ セレクターの場合、text-align プロパティを左に指定することもできます。

于 2013-04-06T15:58:59.200 に答える