0

この質問がいかに基本的なものであるかを前もってお詫びしますが、HTML で JavaScript を使用するのは初めてです。

基本的に、ユーザーがページをロードするたびに異なるビットのランダム テキストを生成する JavaScript があります。そのテキストを Helvetica でフォーマットして、ページの中央に表示したいと思います。以下に示すように、CSS を使用してこれを実行しようとしていますが、うまくいきません。どんな提案でも大歓迎です。

HTML

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>home</title>

    <link href="style.css" rel="stylesheet" type="text/css" />

</head>


<body>

    <div id="horizon">
    <div id="content">

    <script type="text/javascript" src="scripts.js"></script>

    </div>
    </div>

</body>

CSS

#horizon {
  color: white;
  background-color: #ffffff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
  visibility: visible;
  display: block
}

#content {
  font-family: Helvetica, Geneva, Arial, sans-serif;
  font-color: black;
  background-color: white;
  margin-left: -410px;
  position: absolute;
  top: -237px;
  left: 50%;
  width: 825px;
  height: 475px;
  visibility: visible
}
4

3 に答える 3

1

試す

#content 
{
    margin: auto;
    width: 200px; /* however wide it should be (required) */
}

...
<div id="content">
    stuff goes here from js / whatever
</div>

垂直方向の配置については、CSS ではなく JS を見ています。

于 2009-02-09T19:50:37.107 に答える
1

まず、HTML タグがありません。HTML タグの間に HTML コードをラップする必要があります。

次に、テキストを背景色とは異なる色に設定する必要があります。CSS で #horizo​​n の色を黒などに変更する必要があります。

それ以外は、コードは機能します。

于 2009-02-09T19:45:03.423 に答える
0

の使用はどうtext-align: centerですか ?:

#content 
{
font-family: Helvetica, Geneva, Arial, sans-serif;
font-color: black;
background-color: white;
text-align: center;
}
于 2009-02-09T19:43:49.213 に答える