使文本和PHP元素显示在同一行上

Question

我正在为我正在开发的网站制作页脚，目前看起来像这样：

我正试图让页脚中的所有内容显示在一行上。问题是我的隐私政策页面的链接是一个链接到WordPress菜单项的PHP元素，它真的不希望与其他任何东西在同一行。无论我尝试什么，我都无法让它变得更好。

这是footer.php文件的片段。我还尝试将<p>标记替换为<footer id="site_footer"> <span>Site Name &copy; 2017 | Powered by <a href="https://wordpress.org/">WordPress</a> | <?php wp_nav_menu(array('theme_location' => 'footer_nav')); ?> |</span> </footer> 标记，但该标记无效。

/* ~~~ Footer Navigation ~~~ */

#site_footer span {
    font-size: 14px;
    color: #eeeeee;
}

#site_footer a {
    font-weight: bold;
    color: #eeeeee;
    text-decoration: none;
}

#site_footer ul li {
    list-style: none;
}

这是CSS。我试过添加display：inline;并显示：block-inline;在每个可以想象的组合中这些div并没有什么区别。

<a>

我考虑过放弃PHP方法并只使用first_object_ids = MyFirstObject.objects.values_list('id') get_second_objects = MySecondObject.objects.exclude(my_first_object_id__in = first_object_ids) 标签，但我希望保留WordPress提供的菜单功能，以防我希望将来添加更多链接到页脚。有谁知道我如何让PHP元素与文本的其余部分位于同一行？

Answer 1

您可以在display: inline-block;代码

中使用内联样式div

<footer id="site_footer">
    <span>Site Name &copy; 2017 | Powered by <a href="https://wordpress.org/">WordPress</a> |<div style="display: inline-block;"> <?php wp_nav_menu(array('theme_location' => 'footer_nav')); ?> </div> |</span>
</footer>

Answer 2

尝试这样的事情。

为页脚display:inline-block和Div标记使用UL css样式。

＆＃13;

＆＃13;

#site_footer{
display: inline-block;
}
#site_footer span {
  font-size: 14px;
  color: black;
}

#site_footer a {
  font-weight: bold;
  color: #eeeeee;
  text-decoration: none;
}

#site_footer ul li {
  list-style: none;
  margin-right: 5px;
  display: inline-block;
}
ul{
  display: inline-block;
}

＆＃13;

<footer id="site_footer">
    <span>Site Name &copy; 2017 | Powered by <a href="https://wordpress.org/">WordPress</a> | <ul><li>Test1</li><li>Test2</li><li>Test3</li></ul> |</span>
</footer>

＆＃13;

＆＃13;

＆＃13;

Answer 3

另一种可能的解决方案是使用var app = express();更改班级中所有元素的javascript [display：inline-block] 。

css