0

1 つのブロック内にいくつかの 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

0

私は少し混乱しています。それらをすべて同じ行に表示しますか? それとも別々の行で？

ウィンドウが大きくなったときにすべてを1行にまとめたい場合は、提供されたフィドルに問題はありません。

すべてを別々の行に表示する場合は、CSS でdisplay属性をに変更します。block

于 2013-05-13T12:45:53.633 に答える
0

パディング、マージン、フォントにいくつかのピクセルがありません。これが原因で問題が発生したと思います。パーセンテージまたは EM のフォント サイズを使用します。

于 2013-05-13T12:57:33.967 に答える