Question

如何修复“正确”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;

}

Answer 1

也许这会有所帮助：http://jsfiddle.net/sbhomra/s9Ssh/4/

我基本上绝对定位了左右div，并使用margin:0 auto将中间div设置在中心位置。

修改

固定左右div的填充，因此它们不会太靠近页面的一侧。

Answer 2

尝试将display: inline-block;添加到.mid元素

示例小提琴：http://jsfiddle.net/XSdJA/

Answer 3

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

将右浮动元素移动到标记中的中间元素之前。它出现在一个新行上，因为中间元素没有浮动（并且是一个块级元素）。

或者，您也可以浮动中间元素或将其设置为内联/内联块。

编辑：虽然要澄清一下，如果你浮动mid元素然后你必须摆弄css一点，因为它会破坏你的文本对齐。：P

浮动上不需要的保证金

3 个答案:

修改