Question

我在html中有一些文字。大约2段。

我希望这个出现在中间，我可以在html中使用，但我希望它在两侧“in”，所以它只填充屏幕的中间，远离两侧的边缘。

怎么做？

编辑：页面描述：

EMPTY SPACE |＆lt; ------ text here ------＆gt; |空的空间

Answer 1

在页面中存在各种不同的文本居中方式。现在我假设你的意思是水平居中。

您还没有为任何人提供任何代码，因此我假设代码如下：

<html>
  <head>
    <title>Test Page</title>
  </head>
  <body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse cursus sapien vitae ipsum semper sagittis porta odio tempor. Pellentesque porta mattis porta. Cras in condimentum tellus. Nam porta sapien vel felis aliquam id aliquam neque condimentum.</p>
    <p>Mauris in tellus magna. Nam cursus dapibus diam, ut cursus risus placerat sed. Praesent volutpat elementum faucibus. Donec mi arcu, faucibus eget porta a, feugiat eu dui. Sed dapibus feugiat quam, vel venenatis neque venenatis ut. Ut condimentum tellus eget ipsum aliquam eu faucibus erat egestas. Pellentesque ut metus a elit suscipit vulputate id id magna. Praesent eu sem urna, eu fermentum enim.</p>
  </body>
</html>

要将段落文本置于页面中间位置，您需要添加以下CSS（在style元素或外部.css文件中）：first example

p
{
  text-align: center;
}

这可能是不你所追求的东西，因为它不会将文字推离边缘。如果您希望文本具有带有填充的流体宽度，请改用此CSS：second example

p
{
  padding: 0 100px;
}

您当然可以使用这两种方法将文本居中，使文字居中和远离边缘。

如果您希望静态宽度保持居中，请使用此CSS代替填充：third example

p
{
  margin: 0 auto;
  width: 300px;
}

Answer 2

认为你正在寻找能够使你的元素居中的margin: 0 auto;。

所以要实现

EMPTY SPACE |＆lt; ------ text 这里------＆GT; |空的空间

你可以做到

<div>
    <div style="margin: 0 auto; width:300px;">text here</div>
</div>

Answer 3

最简单的方法是使用表格

<table><tr>
<td style="width:15%"></td>
<td>
<------text here------>
</td>
<td style="width:15%"></td>
</tr></table>

css中间文本框

3 个答案: