dreamweaver中图片怎么置顶？

如题我已经把所有间距弄成0了图片还是在中间~哭

2025-03-01 14:59:39

推荐回答（5个）

回答1：

根据题目，可分三种情况：
1. css reset
在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉
根据本题提问主要涉及到以下CSS Reset
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, aside, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
td, td img { vertical-align:top }
2. 图片为页面中插入的img，如
如果已经设置了以上的css reset ，在没有专门设置其它任何间距的情况下，图片默认也是置顶的。
3. 图片为背景图片如
div{width:100%;height:50px;background:url(../images/1.jpg) left top no-repeat;} 其中的left top 就是定义图片位置的，让图片水平居左垂直居上显示，也就是说此时图片也是置顶的；left top 也可以换成数值如 background:url(../images/1.jpg) 0 0 no-repeat;