.pic {
float:left;
}
.pic > img {
width:14em;
height:14em;
}
.data {
float:left;
padding:0.5em 0.5em 0.5em 2em;
}
.description {
margin-bottom:1em;
}
<div id="item1">
<div class="pic"><img src="..." /></div>
<div class="data">
<div class="description"><p>...long description of the item...</p></div>
</div>
</div>
如何防止文本跳至下一行?我希望它始终保持在图像附近,并在缩小窗口大小时自动换行。
从数据中删除浮点数,并在说明中添加一个左边界。
.pic {
float:left;
}
.pic > img {
width:14em;
height:14em;
}
.data {
padding:0.5em 0.5em 0.5em 2em;
}
.description {
margin-bottom:1em;
margin-left: 14em;
}
小提琴:http : //jsfiddle.net/BmLHD/7/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句