Shiny中renderUI输出的超链接文本换行，如何实现单行显示？

你的代码存在两个核心问题导致内容换行：一是语法错误（span标签未闭合、引号不匹配），二是内容拼接方式不当。以下是修正方案：

方案1：使用Shiny原生标签组合（推荐） #

直接在tags$div内嵌套行内元素（文本、span、a标签），这些元素默认会在同一行显示：

output$abstractText <- renderUI({
  tags$div(
    # 修正span标签的语法错误，补全闭合标签
    tags$span(style = "font-size: 30px;", "Text"),
    "This tool has been developed by the ",
    tags$a(href = "https://www.", "hyperlinked text"),
    ". For news and updates, follow us on Twitter ", 
    tags$a(href = "https://twitter.com", "@xyz")
  )
})

方案2：修正HTML拼接逻辑 #

如果坚持用HTML(paste())的方式，需要：

1. 修复span标签的语法错误
2. 用paste0代替paste（避免默认添加空格分隔符）
3. 将tags$a转换为字符后再拼接：

output$abstractText <- renderUI({
  tags$div(
    HTML(
      paste0(
        "<span style='font-size: 30px;'>Text</span>",
        "This tool has been developed by the ",
        as.character(tags$a(href = "https://www.", "hyperlinked text")),
        ". For news and updates, follow us on Twitter ", 
        as.character(tags$a(href = "https://twitter.com", "@xyz"))
      )
    )
  )
})

关键说明 #

• span、a标签本身是行内元素，默认不会换行，只要代码语法正确、拼接逻辑合理，就能自然在同一行显示。
• 原代码中未闭合的span标签会导致HTML解析异常，间接引发排版问题，必须优先修正。

内容的提问来源于stack exchange，提问作者JuLo