<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-->
但它仍然不起作用。为什么它在谷歌浏览器中跳到下一行?即使在谷歌浏览器上,我怎么能把它放在一行?
答案 0 :(得分:0)
请通过更多详情更新您的问题。包装元素如何?所有类都有哪些属性(class="privacy"
等)。您还在哪里测试了width:100%; width:100px;
?
我猜测问题在于包装器元素的宽度,因为您拥有的所有元素(span, a, strong, input
)都是inline elements。这意味着所有元素将在文档中表现为普通文本,填充一行直到它已满,然后继续到下一行。如果你没有在css中指定任何其他内容,那就是这样。
你能提供一个截屏吗?
尝试增加fieldset
的宽度(可能像350px)。
最后一点。 fieldset
元素用于定义表单的集合。不是菜单,请look here。