【问题标题】:Is there an easier way to makes paragraphs ? (Html) [closed]有没有更简单的方法来制作段落? (HTML)[关闭]
【发布时间】:2023-03-22 17:54:01
【问题描述】:

我正在写一个故事,当我完成一个章节时,我会将它放在一个 HTML 文件中以供娱乐。我一直在为每个段落使用段落标签。但是我有很多段落,还有很多要写的。我在这里问是否有更简单的方法可以做到这一点。愿意使用css。

【问题讨论】:

  • 您可以使用 Markdown 来编写代码。
  • 都不知道那是什么……
  • 这就是你用来输入这个问题的那个东西。
  • 那么这是最简单的方法吗?好的。很抱歉浪费了您的时间……
  • 我不确定。看看下面我的回答,如果你认为这就是你要找的东西,那么请随时提出更多问题或接受它。

标签: html css


【解决方案1】:

这不是一个编程问题,但是,因为我知道答案,所以我正在回答它。您正在寻找的是 Markdown

Markdown 是一种类似于 Wiki 的语法,专门用于富文本内容。所以现在既然你有写太多段落的问题,Markdown 可以很容易地为你将所有双换行符转换为段落。

例如,考虑以下文本:

Pages that you view in incognito tabs won’t stick around in your browser’s history, cookie store or search history after you’ve closed all of your incognito tabs. Any files that you download or bookmarks that you create will be kept.

Going incognito doesn’t hide your browsing from your employer, your internet service provider or the websites that you visit.

可以看到kept.这个词后面有两个换行符。当您在 Markdown 转换器中输入上述文本时,这将在浏览器中呈现,这样:

<p>Pages that you view in incognito tabs won’t stick around in your browser’s history, cookie store or search history after you’ve closed all of your incognito tabs. Any files that you download or bookmarks that you create will be kept.</p>
<p>Going incognito doesn’t hide your browsing from your employer, your internet service provider or the websites that you visit.</p>

【讨论】:

  • 这也不是我的意思,但无论如何,谢谢。
  • @Dan 告诉我更多。我准备好帮助你了。或者您可能正在寻找white-space: pre-wrap;
  • Markdown : 更简单 // LaTeX : 更好但更复杂
  • @Fundhor 说得对。 :)
【解决方案2】:

根据您对演示文稿的挑剔程度,您可以考虑将整个内容包装在...

<div style="white-space: pre-wrap">
Epic story of epic unicorn epicness!
</div>

这将保留所有空格,不仅是换行符,还有单词之间的空格。这意味着,如果您的文本中有很大的空格(通过排版或其他方式传达暂停),那么您只需键入一堆空格,它们就会起作用。

但是,除了添加更多换行符之外,您无法控制段落之间的间距。您不能像使用段落一样将空间设置为您想要的任何大小。考虑您的需求并选择行动方案。

就个人而言,我会使用 Notepad++(或类似的编辑器),并为所有正则表达式 (.+) 执行“查找和替换”以替换为 &lt;p&gt;\1&lt;\/p&gt;

【讨论】:

    【解决方案3】:

    您可以按照Niet the Dark Absol 的建议使用简单的搜索和替换。根据您的 Notepad++ 版本,替换可能需要 $0 来引用源匹配。 (这里有更多关于它的讨论,Notepad++ Regex replace - \1 doesn't work?)。

    以下是搜索段落并替换为段落标记的方法。

    结果

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-11-25
      • 2014-01-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-03-31
      • 1970-01-01
      相关资源
      最近更新 更多