0

我在一个块中有一些彼此靠近的 div，我希望它们在屏幕变大（CTRL +）时保持在同一个块（行）中，这是我的代码（http://fiddle.jshell.net/YDyfy/） ，CSS：

    #menu{
width:100%;
height:40px;
margin:auto;
padding:0 0 12;
background:url(file:///C:/Users/Windows7/Desktop/imgbg.jpg) repeat 0 0 #f8f8f8;
border:1 solid;
border-width:0 1 1;
box-shadow:0px 1px 10px #000;
text-align:center;
position:fixed;
top:0;
left:0;
right:0;
}
.menutext{
font-family:Helvetica neue,Helvetica,Arial,Verdana,Sans-serif;
font-size:16;
display:inline-block;
border:solid;
border-color:#aaa #ccc;
border-width:0 0 5 6;
padding:6 40 7 40;
margin:7 15;
box-shadow:-1px 2px 5px #404040;
}

HTML：

    <div id="menu">
<a href="#div1" class="scroll"><div class="menutext" linkId="div1">Description</div></a>
<a href="#div2" class="scroll"><div class="menutext" linkId="div2">Shipping and payments</div></a>
<a href="#div3" class="scroll"><div class="menutext" linkId="div3">Seller information</div></a>
<a href="#div4" class="scroll"><div class="menutext" linkId="div4">Feedback</div></a>
</div>

简单地说，我希望当屏幕变大时 div 保持在同一行/块中

4

3 回答 3

1

white-space:nowrap在容器上使用（更新的小提琴）。

你的问题很不清楚，所以如果这不是你要找的，请不要向我开枪。

作为一般的旁注，你不应该嵌套块级元素，例如<div>内联元素，例如<a>. 如果有的话，那些应该是<span>元素。

于 2013-05-13T12:50:20.303 回答
0

您在填充、边距和字体中错过了一些像素，我认为因此您遇到了问题。使用百分比或 EM 字体大小。

于 2013-05-13T12:57:33.967 回答
0

我有点困惑。您希望它们全部出现在同一行吗？还是在不同的线路上？

如果您希望在窗口增加时将它们全部放在一条线上，那么我认为您提供的小提琴没有问题。

如果您希望它们都在单独的行上，请将display属性更改为blockCSS 中的。

于 2013-05-13T12:45:53.633 回答