防止 HTMLElement
换行的“最佳”方法或“最佳实践”是什么?
我实际上是在谈论 relative
定位元素。我认为您可以只使用 absolute
元素并将那些具有 left
位置的元素附加到 anotherElement.width
。
这个例子使用了 float:left
风格,但是当右边没有足够的空间时它也会包装新的元素。
所以我的问题是:
- 有没有办法完全拒绝换行?
- 如果是这样,最佳做法是什么?
最佳答案
一种方法是使用双容器系统,将内部容器设置为绝对定位,这样您就不必实际触摸内部重复元素的样式。
fiddle :http://jsfiddle.net/3kB3D/
HTML:
<div id='container'>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
CSS:
#container { width: 200px; background: black; height: 50px; padding: 10px; }
ul { position: absolute; }
li { float: left; margin-right: 12px; width: 50px; height: 50px; background: red; }
关于javascript - 防止元素包装,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12162692/