我有一堆动态生成的 div。当文本很长时,它会换行。这很好,但是 float 删除图标 float 到底部。
在查看代码之前需要注意的几件事。示例中的宽度是静态的,但在我的使用中它是由容器定义的。我宁愿不使用绝对定位,但会作为最后的手段。
这是我所说的示例 ( http://jsfiddle.net/3FYv8/1/ )
<div class="deletableGroup">Marketing Department
<img title="delete" src="http://icons.iconarchive.com/icons/dryicons/simplistica/16/delete-icon.png"/>
</div>
<div class="deletableGroup">Sales
<img title="delete" src="http://icons.iconarchive.com/icons/dryicons/simplistica/16/delete-icon.png"/>
</div>
CSS:
.deletableGroup img {
padding-left: 5px;
padding-top: 2px;
cursor: pointer;
float: right;
}
.deletableGroup {
width: 125px;
padding: 2px;
border: solid 2px lightskyblue;
background-color: #F5F5F5;
border-radius: 5px;
margin: 3px;
display: inline-block;
}
最佳答案
解决此问题的最快方法是移动 <img>
在正文之前...
<div class="deletableGroup">
<img title="delete" src="http://icons.iconarchive.com/icons/dryicons/simplistica/16/delete-icon.png" />
Marketing Department
</div>
关于html - 如何使 float 图像 float 到 div 的右上角?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21190104/