如何为我的文本设置一个“框”？答案

【问题标题】：How do I set up a "box" for my text?如何为我的文本设置一个“框”？
【发布时间】：2014-11-27 11:09:57
【问题描述】：

我想将文本放在我的代码的无边框框中。原因是我可以让段落文本不会一直穿过页面并让它们提前开始新的一行。

【问题讨论】：

您能提供任何示例代码吗？也许在jsfiddle.net？
代码 = html？如何使用跨度？一些文字

【解决方案1】：

对于一个非常含糊的答案，我深表歉意，但它与您的问题一样含糊。如果您需要详细信息，请修改您的问题并描述最终结果。无论如何：

div {
  margin: 10px 0;
  }

p {
  margin: 0 50px;
}

<body>

  <div>Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size.</div>

  <p>Shorter paragraph size. Shorter paragraph size. Shorter paragraph size. Shorter paragraph size. Shorter paragraph size. Shorter paragraph size. Shorter paragraph size.
  </p>

  <div>Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size.</div>

</body>

我希望这会有所帮助！

【讨论】：

【解决方案2】：

这可以通过在你的 css 中为 <p> 设置一个 % 宽度来完成，或者在你的 div 中使用自定义样式，请参阅 http://jsfiddle.net/sycoinc/k8dgxkLs/ 的示例

【讨论】：