[英]How to prevent Markdown from wrapping the generated HTML in a <p> element?
[英]Prevent element wrapping
防止HTMLElement
包装的“最佳”方法或“最佳做法”是什么?
我实际上是在谈论relative
定位的元素。 我认为您可以只使用absolute
元素,并将其left
位置附加到anotherElement.width
。
示例: http : //jsfiddle.net/YX4cm/
本示例使用float:left
样式,但是当右侧没有足够的空间时,它还会包装新的Elements。
所以我的问题是:
white-space: nowrap
和display: inline-block
似乎起作用: http : //jsfiddle.net/YX4cm/2/
编辑:也适用于身体http://jsfiddle.net/YX4cm/5/
一种方法是使用两容器系统,将内部容器设置为绝对位置,这样您就不必实际触摸内部重复元素的样式。
小提琴: 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; }
您可以将该元素包装在一个容器元素中,该容器元素的位置绝对,并具有css属性min-width:[large value]
,如该小提琴所示。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.