css - 将 span 的内容包装在 li 中，使其保留在自己的列中

Question

我有一个列表，其中的每个 li 都有这样的结构:

<li>
  <img class="yes" src="...">
  <img class="no"  src="...">
  <span class="a">...</span>
  <span class="b">...</span>
</li>

现在如果类 b 的内容很长，它会环绕图像。我不希望它在图像下换行，我希望它保留在自己的列中。如果无论如何都要这样做，请告诉我，因为使用表格来做这件事是错误的。 谢谢! 尼玛

Answer 1

你可以做几件事；

1) 在图像底部添加填充，以占用跨度文本通常会流入的空间。快速简便，但对于动态页面来说不现实。

2) 在 span 周围包裹一个 div。然后将 div 向右浮动，左边距为图像列的大小。这将创建一个不会围绕图像流动的 div 容器。