<a> 的固定宽度

Posted 2023-03-06

【中文标题】<a> 的固定宽度

【英文标题】：Fixed width for <a>

【发布时间】：2012-02-21 13:37:44

【问题描述】：

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

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

Here 是小提琴。

【问题讨论】：

Does height and width not apply to span?的可能重复

那些不是选择器。这些是元素。

【参考方案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;

希望对你有帮助