0

我正在尝试将我的网站徽标和水平导航元素并排放置，有点像这样：http ://colorgrade.it/

出于某种原因，它仍然显示块，并且查看 Chrome 的 javascript 控制台显示导航元素具有属性 display:block，这似乎可以解释问题。

但是，我在我的 css 中找不到导致这种情况的位置。构成该属性的元素是 ul、menu 和 dir

在文件中搜索块返回

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
article, aside, details, figcaption, figure, 
footer, header, hgroup, section {
  display: block;
}

我还尝试将 inline-block 添加到导航元素本身：

<%= render :partial => 'layouts/navigation' , :style=>"display:inline-block;"%>

导航元素如下所示：

<ul id="navigation">
  <li>several li elements</li>
</ul>

有人可以解释为什么这两个元素没有并排对齐吗？谢谢！

4

1 回答 1

0

您不能将参数传递style给render，您需要在导航部分中应用样式选项（查找类似的内容navigation.html.erb）

但是，我建议不要在您的 html 中使用样式属性，除非您真的必须这样做。在你的情况下，在你的样式表中使用 css （看看application.sass你是否使用 sass 或者application.css会做得很好。

如果您需要进一步的建议，请发布您的导航的 html 代码和您的 css 代码。

于 2013-01-14T08:51:53.407 回答