javascript - 列表中的图像未正确显示(就像在表格中一样)，如何做到这一点

Question

我有这样的代码:

<ul>
   <li>some text <img src="path" style="height:15px;width:25px;" /></li>
   <li>some text <img src="path" style="height:15px;width:25px;" /></li>
   <li>some text <img src="path" style="height:15px;width:25px;" /></li>
</ul>

我想要的是，“一些文本”和 img 应该整齐地出现，就好像它们是表格中的 2 列一样。另外，如果文本很小，例如“ab”，那么图像不应该改变其位置，我的意思是，不应该靠近，它应该始终位于较远的距离，例如“某些文本”之后的大约80px。并且，如果文本长度超过 80，img 应该仅位于文本之后。如有需要，将提供更多信息。
谢谢

Answer 1

<li><span style="min-width:80px; display: inline-block;">some text</span>
<img src="path" style="height:15px;width:25px; float:left;" /></li>

这会起作用...