0

如何修复“正确” div 的不需要的边距。

右侧浮动 div 的边距就像您在此处看到的那样：JSFIDDLE：http: //jsfiddle.net/s9Ssh/1/

我想要达到的效果是保持 .mid 层始终居中，无论侧 div 文本的长度如何。

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 回答