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

对于初学者来说，您缺少 HTML 标记。您需要在 HTML 标签之间包装您的 HTML 代码。

其次，您需要将文本设置为与背景颜色不同的颜色。在您的 CSS 中，您需要将 #horizo​​n 颜色更改为黑色或其他颜色。

除此之外，您的代码有效。

于 2009-02-09T19:45:03.423 回答
1

尝试

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

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

对于垂直对齐，您正在查看 JS 而不是 CSS。

于 2009-02-09T19:50:37.107 回答
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 回答