Google Chrome问题?

时间:2011-09-07 06:19:01

标签: html html5 google-chrome

<fieldset style="background-color:#5959DE">
<span> <a href="page2.html"> <strong> Profile </strong> </a> </span>
<span class="profilee"> <a href="page2.html"> <strong> Friends  </strong> </a> </span>
<span class="profilee"> <a href="page2.html"> <strong> Pictures </strong> </a> </span>
<span class="profilee"> <a href="page2.html"> <strong> Updates  </strong> </a> </span>
<span class="profilee"> <a href="page2.html"> <strong> Messages </strong> </a> </span>
<span class="profilee"><a href="page2.html"> <strong>  Find     </strong> </a> </span> 
<input type=text size="20"/>
<span style="padding-left:2%"> <a href="page2.html"> <strong> Privacy</strong> </a>     </span>
<span class="profilee"> <a href="page2.html"> <strong> Availability</strong> </a> </span>
<span class="privacy"> <a href="page2.html"> <strong> Sign Off </strong> </a> </span>
</fieldset>

我面临的问题是它在mozzilla和iE中工作得很好但是在谷歌浏览器中,注销会跳到下一行。

我用过

width:100%; width:100px; <!-- I mean I used % and px and em but none working-->

但它仍然不起作用。为什么它在谷歌浏览器中跳到下一行?即使在谷歌浏览器上,我怎么能把它放在一行?

1 个答案:

答案 0 :(得分:0)

请通过更多详情更新您的问题。包装元素如何?所有类都有哪些属性(class="privacy"等)。您还在哪里测试了width:100%; width:100px;

我猜测问题在于包装器元素的宽度,因为您拥有的所有元素(span, a, strong, input)都是inline elements。这意味着所有元素将在文档中表现为普通文本,填充一行直到它已满,然后继续到下一行。如果你没有在css中指定任何其他内容,那就是这样。

你能提供一个截屏吗?

尝试增加fieldset的宽度(可能像350px)。

最后一点。 fieldset元素用于定义表单的集合。不是菜单,请look here