代码之家  ›  专栏  ›  技术社区  ›  Jagd Dai

页面样式帮助

  •  0
  • Jagd Dai  · 技术社区  · 16 年前

    <body>
        <form id="form1" runat="server" >
        <div>
            <div>
                <img src="Images/top.png" width="100%" height="115px" alt="top.png" />
            </div>
        </div>
        </form>
    </body>
    

    问题是在图像的左、上、右和底部都出现了一些填充。我不要那个填充物。换句话说,我希望图像顶部与页面的左侧和顶部齐平,并延伸到页面的整个宽度。我如何用一种风格来实现这一点?

    3 回复  |  直到 16 年前
        1
  •  4
  •   Ben    16 年前

    您需要使用CSS重置规则重置浏览器样式,然后在此基础上进行构建。我用 http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

        2
  •  1
  •   mwcz    16 年前

    一些浏览器的默认样式为body元素添加了填充,而另一些浏览器则为body元素添加了边距。为了使图像在所有浏览器中与视口齐平,您需要同时删除这两个选项。

        body { margin: 0; border: 0 }
    
        3
  •  0
  •   prodigitalson    16 年前
    <img style="display: block; padding: 0; margin: 0;" ... />
    

    当然,这样做只能以实际大小显示图像,并且必须将div设置为相同或更大的尺寸。

    推荐文章