【问题标题】:Fixed width for <a><a> 的固定宽度
【发布时间】:2012-02-21 13:37:44
【问题描述】:

我的&lt;div&gt; 中有3 个&lt;a&gt; 选择器。我给了他们固定的宽度。但它们并没有拉伸到正确的宽度。它们只是拉伸以适应其包含的数据(文本)。但我希望他们将我的父 div 划分为 3 个单元格,并且我希望他们使用分配的宽度来填充它。

我在下面附上一张图片。第一张图展示了我现在得到的东西,第二张图展示了我现在的东西。

Here 是小提琴。

【问题讨论】:

标签: html css


【解决方案1】:

使用:display:inline-block;

jsfiddle Demo

还有:使用百分比!

http://jsfiddle.net/j6kcJ/4/

最新:

http://jsfiddle.net/j6kcJ/5/

【讨论】:

  • 这很有用,但我怎样才能删除它们之间的空间??
  • 我认为 float-left 足以完成百分比工作。我错了吗??
  • float left 是把它带到最左边,百分比是除以你想要的。 .如果你准确测量它,你也可以使用固定的
【解决方案2】:

给锚元素一个 inline-block 的显示值,宽度值将应用于它们。

【讨论】:

    【解决方案3】:

    只需要添加这个css样式:

    .xxx a {display:inline-block;float:left;}
    

    希望对你有帮助

    【讨论】:

      猜你喜欢
      • 2011-10-29
      • 1970-01-01
      • 1970-01-01
      • 2012-02-12
      • 1970-01-01
      • 1970-01-01
      • 2012-10-03
      • 2012-08-22
      • 1970-01-01
      相关资源
      最近更新 更多