html - 在 <div> 内叠加图像导致文本向下移动

标签 html css

我有一个 <div>border:15px .它在左上角有一个图像,如 fiddle 中所示

http://jsfiddle.net/user1212/e7Gez/17/

现在,这个图像从顶部向下推文本。我怎样才能让文本得到 margin-top:0;

我不想将图像用作 background-image15px border重叠它。

有什么解决办法吗?

最佳答案

只需在图像上使用float: left;,参见updated Fiddle .您还可以在其上使用负 margin-right 以防止将文本推向左侧,但是您需要弄乱它的 z-index 并且其余内容,这意味着用于样式目的的额外 HTML 标记;见this Fiddle .

关于html - 在 <div> 内叠加图像导致文本向下移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12518061/

相关文章:

html - 将一个元素向左对齐,一个向屏幕中心对齐,并垂直对齐两者 - CSS

html - CSS 样式的滚动文本,但每次经过时都会显示,(就像一些音乐播放器那样)

CSS 文本居中和可调整大小

internet-explorer - CSS Skew 在 IE9 中创建灰线

jquery - 一些使用后 ionic 滚动停止工作

javascript - 使用javascript的文本区域中光标的当前x,y坐标

javascript - 如何更改按钮的值并在单击时添加更多按钮以形成表单?

asp.net - 使用CSS降低菜单栏的高度

jQuery 在不破坏布局的情况下增加图像大小

html - 无法让悬停工作