html - 使用空白 :pre-wrap - any reason not to? 格式化通用页面内容

标签 html css whitespace

比方说,我有一个以此元素为主要内容的网页:

<div id="maincontent">
  <h2>Sub-header</h2>
  <p>Some stuff.</p>
  <p>More stuff.</p>
  <p>Even more stuff.</p>
  <p>
    <span class="bold">Contact:</span><br>
    Guy With Name<br>
    09-009 990<br>
    <a href="mailto:guy.with.name@atkkierratys.com">email</a>
  </p>
</div>

是否有理由不按照下面描述的方式进行操作?

<div id="maincontent" style="white-space:pre-wrap">
<h2>Sub-header</h2>

Some stuff.

More stuff.

Even more stuff.

<span class="bold">Contact:</span>
Guy With Name
09-009 990
<a href="mailto:guy.with.name@atkkierratys.com">email</a>
</div>

在目标站点上,内容将在外观上非常简化,并且很可能不会有任何花哨的 UI 技巧或 JS 工具需要在主要内容中使用 DOM 结构。内容将使用记事本级别的应用程序进行编辑(除非有可以处理 shtml 的网站构建器应用程序,以及我因任何原因无法使用的情况)。我这样做的一个原因是,对于不太精通 HTML 的人来说,编辑会更容易,从而使网站尽可能少地依赖我(整个协会都是基于志愿服务)。

附带说明:在我介入之前,这些页面是使用所见即所得编辑器创建和编辑的。通过用手写代码替换代码,文档大小减半。

最佳答案

如果您想要这样的东西,请在 <pre></pre> 中输入文字

关于html - 使用空白 :pre-wrap - any reason not to? 格式化通用页面内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16422541/

相关文章:

php - 如何正确使用password_verify()?

bash - 如何在 bash 函数参数中保留尾随空格?

javascript - 如何批量更改整个存储库中所有 JS 文件的制表符宽度?

PHP file_get_contents 添加空格?

php - 如何使用 HTML 表单将 JavaScript 值传递到另一个 PHP 页面?

javascript - 不更改标题的表格滚动条并在标题中提供排序

html - CSS 不能使用 font-size 属性?

css - 如何使争鸣与 body 平等

jquery - 不知道为什么我的 Jquery 代码不工作(与 CSS 一起工作)

javascript - 使一个元素相对于另一个元素居中