css中间文本框

Question

我有一些html格式的文本。大约2个段落。

我想让它出现在中间，我可以在html中实现这一点，但我希望它在边上是" in“，这样它只会填满屏幕的中间部分，远离边上的边缘。

该怎么做呢？

编辑:页面描述：

空格|<-text here->|空格

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;，它将使你的元素居中。

因此，要实现

文本空格|<-

此处->|空格

你可以这样做

<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>