Question

我要提前道歉这个问题的基本原理，但这是我第一次在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
}

Answer 1

首先，您错过了HTML标记。您需要在HTML标记之间包装HTML代码。

其次，您需要将文本设置为不同的颜色作为背景颜色。在CSS中，您需要将#horizon颜色更改为黑色或其他内容。

除此之外，您的代码可以正常运行。

Answer 2

试

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

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

对于垂直对齐，你看的是JS而不是CSS。

Answer 3

如何使用text-align: center？：

#content 
{
font-family: Helvetica, Geneva, Arial, sans-serif;
font-color: black;
background-color: white;
text-align: center;
}

JavaScript输出的死亡中心

3 个答案: