两个span ，第一个span为有两行文字的，第二span的icon怎么跟在第二行文字后面

在一个HTML文档中，如果你想让一个包含两行文本的`<span>`元素后面跟着一个图标，可以这样做：

<span>
  第一行文字<br>
  第二行文字
</span>
<span style="position:relative; display:inline-block;">
  <i class="your-icon-class">图标内容</i>
</span>

<!-- 或者，如果你需要图标和文本在同一行水平排列 -->
<div style="display:flex; align-items:flex-end;">
  <span>第一行文字第二行文字</span>
  <i class="your-icon-class">图标内容</i>
</div>

在这个例子中，第一种方式使用了`<br>`标签来创建换行，并通过设置外层`<span>`的样式使其成为相对定位(`position: relative`)，然后将图标放在一个内联块级元素(`inline-block`)里，这样图标会跟随在第二行文字后面。

第二种方式则使用了CSS Flexbox布局，使得文本和图标在同一行显示，`align-items:flex-end`属性会让图标出现在最后一行（即文字下方）。

记得替换`your-icon-class`为实际的图标类名。如果你还有其他关于如何实现这个效果的具体问题，随时告诉我

相关问题

vue icon和文字 合并到一行， 文字水平垂直居中

你可以使用Flexbox布局来实现将图标和文字合并到一行，并将它们水平垂直居中。以下是一个示例代码：

<div class="wrapper">
  <i class="icon"></i>
  <span class="text">Hello World</span>
</div>

.wrapper {
  display: flex;
  align-items: center;
}

.icon {
  font-size: 24px;
  margin-right: 10px;
}

.text {
  font-size: 16px;
  line-height: 1;
}

在上面的代码中，我们使用了Flexbox布局来将`.icon`和`.text`元素包含在一个`.wrapper`容器中。然后，我们使用`align-items: center`来使它们垂直居中，并使用`margin-right`属性来为图标添加一些间距。最后，我们使用`line-height`属性来使文字垂直居中。

JS实现在tbody表格里最后一行tr的最后一个td里插入<span id=“addRow2” class=“add-row-icon”>+</span>

在JavaScript中，要在HTML tbody标签的最后一个tr元素的最后一个td内插入一个带有特定ID和类名的`<span>`标签，可以按照以下步骤操作：

首先，你需要获取tbody元素以及它的最后一个tr元素。假设tbody的id是"tableBody"，你可以这样做：

const tableBody = document.getElementById("tableBody");

然后，找到这个tr元素。因为tr元素都是兄弟节点，所以可以从tbody的childNodes属性开始遍历寻找最后一个tr：

let lastTr;
for (let i = tableBody.childNodes.length - 1; i >= 0; i--) {
  const node = tableBody.childNodes[i];
  if (node.tagName === "TR") {
    lastTr = node;
    break;
  }
}

接下来，在这个tr的最后一列查找td元素，并在其后添加新的span：

if (lastTr) {
  const lastTd = lastTr.lastElementChild || lastTr.getElementsByTagName("TD")[lastTr.cells.length - 1]; // 获取最后一个td
  const newRowIcon = document.createElement("span"); // 创建新的span元素
  newRowIcon.id = "addRow2";
  newRowIcon.className = "add-row-icon"; // 设置ID和class
  lastTd.appendChild(newRowIcon); // 将span添加到td元素中
}

这将完成在最后一个td里插入带指定标识的`<span>`的操作。