Html 在另一个in下实现目标<；李>；列表

这可能是一个新手问题，但我不习惯，我真的不知道如何做到这一点

我必须复制这个

代码由smarty生成，但非常清楚：

<ul>
   {foreach from=$subs.subs item="sub"}
     <li><img src="{$sub.image}"/>
     <a href="{$sub.url}">{$sub.name}</a>
     </li>
   {/foreach}
</ul>

{foreach from=$subs.subs item=“sub”}


{/foreach}

然而问题其实很简单，无论我尝试过什么样的清晰或浮动关联，我都不明白这一点，而是像这样

这里有一点

---

我相信这很容易做到，但不知何故我没有做到。我很高兴能在这件事上得到一些帮助；我该如何处理此问题？

图像文本位于图像旁边的内联位置，这就是您遇到此问题的原因。只需在css中添加以下内容：

li img,li a{display:block;}  

下面是一个演示：

img{宽度：80px；高度：80px}
li{显示：内联块；}
li img，li a{display:block；}

图像文本位于图像旁边的内联位置，这就是您遇到该问题的原因。只需在css中添加以下内容：

li img,li a{display:block;}  

下面是一个演示：

img{宽度：80px；高度：80px}
li{显示：内联块；}
li img，li a{display:block；}

此CSS将在很大程度上帮助您：

a {
 display: block; 
}

li {
  display: inline-block;
}

完整代码：

a{
显示：块；
}
李{
显示：内联块；
}

此CSS将在很大程度上帮助您：

a {
 display: block; 
}

li {
  display: inline-block;
}

完整代码：

a{
显示：块；
}
李{
显示：内联块；
}

带float:left，您指定宽度了吗？是的，图像指定了最大宽度显示生成的HTML而不是生成代码！用css！任何一个

！最小/最大宽度在这里没有帮助。。。添加一个具有类似于

宽度的特定值：100px；使用float:left，您指定了宽度吗？是的，图像指定了最大宽度如何生成HTML而不是生成代码！用css！任何一个

！最小/最大宽度在这里没有帮助。。。添加一个具有类似于

宽度的特定值：100px；检查内联块：）@Baldráni您的小提琴缺少

li{display:inline block；}

，检查我的演示检查内联块：）@Baldráni您的小提琴缺少

li{display:inline block；}

，检查我的演示