【问题标题】:Two tags as one paragraph [duplicate]两个标签作为一个段落[重复]
【发布时间】:2021-09-24 17:13:58
【问题描述】:

我要求将两个标签放在同一行/同一段落中

<h3>This is first paragraph. </h3>
<h3>This is second paragraph.</h3>

我想要像下面这样的输出

This is first paragraph. This is
Second paragraph

基本上,第二个标签只是第一个标签的延续。当我的宽度完成后,它应该落在第二行之下并像上面一样从头开始

我在下面的堆栈溢出中看到了几个示例

This is first paragraph.  This is Second 
                          paragraph. 

他们正在使用 flex box 或 align:left and right,我不想要这个。我希望所有标签都作为一个段落

【问题讨论】:

  • “显示:内联”?或者只是让它们成为一个标签?
  • 看看我的回答,应该可以帮到你:)

标签: html css reactjs bootstrap-4 jsx


【解决方案1】:

只需将display: inline 添加到他们两个像:

<h3 style="display: inline">This is first paragraph.</h3>
<h3 style="display: inline">This is second paragraph.</h3>

当然,您可以在带有类的 css 文件中执行此操作。这是一个快速修复。

【讨论】:

    【解决方案2】:

    标题是块样式元素,因此将两个块级元素一个接一个地放置会以这种方式设置样式。您需要在此文本的样式中使用display: inline

    话虽如此,我认为将多个标题作为单独的元素直接相互跟随并不是一个很好的 Web 可访问性实践。你有什么理由不能把它作为一个标题元素?

    【讨论】:

      猜你喜欢
      • 2022-01-14
      • 2017-07-05
      • 2023-01-19
      • 2020-01-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-12-11
      • 1970-01-01
      相关资源
      最近更新 更多