0

「右」の div の不要なマージンを修正するにはどうすればよいですか。

右側のフローティング div は、次のようにマージンが付けられています: JSFIDDLE: http://jsfiddle.net/s9Ssh/1/

私が達成したかった効果は、サイド div のテキストの長さに関係なく、.mid レイヤーを常に中央に配置することです。

HTML:

<div class="main">

<div class="left">left</div>

<div class="mid">

    <a href="#">Vpis podjetja</a>
    &nbsp;|&nbsp;
    <a href="#">Iskanje</a>

</div>

<div class="right">right</div>

CSS:

 .main {

    text-align:center;
    width:100%;

}

.left {

    float:left;

}

.mid {


}

.right {

    float:right;

}
4

3 に答える 3

2

多分これが役立つでしょう：http://jsfiddle.net/sbhomra/s9Ssh/4/

私は基本的に左右のdivを絶対に配置し、中央のdivを使用して中央に留まるように設定しましたmargin:0 auto。

編集

左右の div のパディングを修正し、ページの端に近すぎないようにしました。

于 2012-04-16T13:11:25.867 に答える
1

要素に追加display: inline-block;してみてください.mid

フィドルの例: http://jsfiddle.net/XSdJA/

于 2012-04-16T13:11:14.647 に答える
1

http://jsfiddle.net/s9Ssh/3/

右のフロート要素をマークアップの中央要素の前に移動します。中央の要素がフローティングされていない (そしてブロック レベルの要素である) ため、新しい行に表示されます。

または、中間要素をフロートするか、インライン/インラインブロックに設定することもできます。

編集: 明確にするために、中間要素をフロートさせると、テキストの配置が崩れるため、css を少しいじる必要があります。:P

于 2012-04-16T13:11:50.867 に答える