Question

很抱歉这个新手问题，我正在循环我的数据库以获取我的类别列表

foreach($cats as $cat) { 
                        echo "<li><a href=\"/?page=catalogue&amp;category=".$cat['id']."\""; 
                        echo Helper::getActive(array('category' => $cat['id'])); 
                        echo ">"; 
                        echo Helper::encodeHtml($cat['name']); 
                        echo "</a></li>";

并且列表显示为Horizontal，如何将其显示为内联？在css我会做的：display: inline;

Answer 1

我对你的问题有点困惑，水平通常是内联或内联块元素，但无论如何答案都是一样的：

echo "<li style='display:block;'><a href=\"/?page=catalogue&amp;category=".$cat['id']."\"";

简单易行。只需在<li>中添加内联样式即可。或者，如果你像我一样，讨厌内联样式，只需使用一个类：

echo "<li class='test'><a href=\"/?page=catalogue&amp;category=".$cat['id']."\"";

然后，只是<head>或外部样式表中的CSS：

<style>
li.test{
display:block;
}
</style>

Answer 2

您可以向li li标签添加一个类，并使用CSS样式表对其进行修改。

 echo "<li class='inline-list'><a href=\"/?page=catalogue&amp;category=".$cat['id']."\"";

foreach循环内联而不是水平

2 个答案: