Question

我需要列出的问题。它需要自己运行，并没有div的任何CSS标签。

我有一个我正在处理的中心窗格的网站，但文本与框对齐，当我设置宽度限制时，它会转到该段宽度但会自动转到左侧900PX内容半径。这是我正在谈论的一个例子;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<p style="width:850px;"><font color="#000000">
<font face="calibri"><p align="center">BEEP</p>
<body>
</body>
</html>

Answer 1

解决。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="clean()">Clean</button>
<div id="container">
  <div class="row">
    <div class="cell">
      <div class="wrapper">
        <div class="inner">
          <p>Text goes here...</p>
        </div>
        <a class="handle">link</a>
      </div>
    </div>
    <div class="cell">
      <div class="wrapper">
        <div class="inner">
          <p>Text goes here...</p>
        </div>
        <a class="handle">link</a>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="cell">
      <div class="wrapper">
        <div class="inner">
          <p>Text goes here...</p>
        </div>
        <a class="handle">link</a>
      </div>
    </div>
  </div>
</div>

Answer 2

对于html W3C标准验证，您必须在body标签中编写代码，如下所示：这将是您完美的代码：无标题文档

<body>
<p style="text-align:center; width:850px; color:#000000; font-family:calibri;">BEEP</p>
</body>
</html>

带有宽度和高度限制的CENTERED HTML内容框？

2 个答案: