有没有一种简单的方法可以使用 CSS 在父块容器中分发内联元素?将边距设置为自动不起作用,因为内联元素之间的边距设置为 0,而且我不想弄乱百分比,因为内容是动态的。
特别是,我在段落 (p) 中有几个锚元素 (a),跨越其容器的 80%,我正在寻找一种简单的方法将它们均匀分布在段落内。
编辑(@cletus):该段落不会换行,锚点是该段落中唯一的东西。通过均匀分布,我的意思是左(右)边缘和第一个(最后一个)元素以及元素本身之间的空间是等距的。
不幸的是,这对于 CSS 来说是不可能的。但是,在元素宽度相等的特殊情况下,这个 CSS 黑客 http://css-tricks.com/equidistant-objects-with-css/使这变得相当容易。
由于可变宽度元素之间的间距相等,即使为每个元素的容器指定百分比宽度也是不够的。这仍然会在元素之间创建可变宽度。
在大多数现代浏览器上使用 JavaScript 可能可以做到这一点。这是一个示例页面 http://seas.ucla.edu/~trey/equid.html展示了一个实施不佳的 JavaScript hack,并证明尝试使用文本对齐来解决此问题将无法可靠地工作。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)