0

我有一个滑块，其 div 包含上一个控件、开始/停止滑动、下一个控件。

我将“文本对齐”分别设置为左、中和右，并显示为“内联”。我现在不知道如何填充整个宽度。

这是标记：

<div id="external_promo_controls">
  <div id="promo_previous"></div>
  <div id="promo_auto_controls"></div>
  <div id="promo_next"></div>
</div>

和CSS：

#external_promo_controls div{
    display: inline;
}
#promo_previous {text-align: left;}
#promo_auto_controls {text-align: center;}
#promo_next {text-align: right;}

我想我可以用浮动元素来完成它，但是我试图将元素正确组合在一条线上并将元素居中放在中间时遇到了很多麻烦。我想避免使用像素值定位元素，因为一旦我更改文本、字体或大小或容器，它就会中断，这些都是最终会发生的事件。

4

2 回答 2

3

易于使用的浮动 - 这个小提琴应该让你走上正确的道路：

http://jsfiddle.net/Q4paq/

带有 DIV 的新示例包含带有悬停状态的链接。

http://jsfiddle.net/Q4paq/1/

于 2012-08-27T13:39:38.947 回答
0

试试这个。我不确定它是否会起作用，但假设所有三个内部 div 都有100px各自的宽度

outerDiv将宽度指定为 300px，没有边距和填充

innerDivwidth:100px 和 margin 和 padding 是 0px 和 float : left。

如果要指定边距和填充，则所有三个 innerDiv 的总和width + padding + margin + border* 3 应该是外部 div 的宽度。

于 2012-08-27T13:38:10.370 回答