时间戳

首页 > 解决方案 > PHP & HTML - echo li 标签不带换行符

php - PHP & HTML - echo li 标签不带换行符

问题描述

我有这个代码：

 <ol>
    <?php foreach ($articles as $article) { ?>
    <li>
        <img src="public_html/images/example.jpg" height="250" width="250">
        <br />
        <a href="public_html/article.php?id=<?php echo 
$article['article_id'];?>">
            <?php echo $article['article_title'];?>
        </a>
        - <small>
            posted <?php echo date('l jS', $article['article_timestamp'])?>
        </small>
    </li>
    <?php } ?>
</ol>

现在它以这种方式打印我的：

img
title 
img
title
...

我希望它像这样打印：

img      img     img     ...
title    title   title

我尝试换行或在 div 标签中使用，但它不起作用。我怎样才能做到这一点？

谢谢

标签： phphtml

解决方案

我建议您查看 CSS Grid 之类的东西来获得您想要的布局。但解决此问题的一种简单方法是将列表项浮动到左侧。在代码前包含以下样式标签：

<style>
ul li { float:left;}
</style>
<ol>
    <?php foreach ($articles as $article) { ?>
    <li>
        <img src="public_html/images/example.jpg" height="250" width="250">
        <br />
        <a href="public_html/article.php?id=<?php echo 
$article['article_id'];?>">
            <?php echo $article['article_title'];?>
        </a>
        - <small>
            posted <?php echo date('l jS', $article['article_timestamp'])?>
        </small>
    </li>
    <?php } ?>
</ol>

推荐阅读