Question

我有以下代码在Sharepoint WebPart内的经典asp页面中显示一个简单的表。有三个单元格，因为它们分别用ADODB记录集填充。

然而......桌子周围有大约四分之一到半英寸的死白空间。我希望表格中的数据显示在页面的左上角。有什么想法吗？

<html>
<body >
<table Border="1"  width="300" bgcolor="white">
    <tr>
       <td><FONT face="Arial" color="navy" size=1>DEV DW STATUS: </td>
       <td><FONT face="Arial" color="navy" size=1>COMPLETE</td>
       <td><FONT face="Arial" color="navy" size=1>11/11/2010 3:41:34 AM</td>
    </tr>
</table>
</body>
</html>

Answer 1

尝试使用：

<body style="margin: 0px; border: 0px; padding: 0px">
...
</body>

Answer 2

这样做：

<table cellpadding="0"....

如果你不使用它，也许你需要设置border =“0”。

HTH

Answer 3

默认情况下，正文有一个填充。使用

<body style="padding: 0px">

解决这个问题。

Answer 4

使用开发人员工具栏，例如FireBug或内置的webkit工具栏。使用元素选择器并检查元素的样式。它会告诉你哪里有填充/边距。

Answer 5

这是一个非常好的'主样式表'，用于清除/调整浏览器字段。在应用任何类型的样式之前，您应该始终将所有内容归零。

/* Global Defaults */
 html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 }

 body {
 font: 1em/1.25 Arial, Helvetica, sans-serif;
 }

 /* Headlines */
 h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
 }

 /* Text Styles */
 p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
 margin: 0;
 padding: 0;
 font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif;
 }
 blockquote {
 margin: 1.25em;
 padding: 1.25em
 }
 q {
 font-style: italic;
 }
 acronym, abbr {
 cursor: help;
 border-bottom: 1px dashed;
 }
 small {
 font-size:.85em;
 }
 big {
 font-size:1.2em;
 }

 /* Links and Images */
 a, a:link, a:visited, a:active, a:hover {
 text-decoration: underline;
 }
 img {
 border: none;
 }

 /* Tables */
 table {
 margin: 0;
 padding: 0;
 border: none;
 }

 /* Forms */
 form {
 margin: 0;
 padding: 0;
 display: inline;
 }
 label {
 cursor: pointer;
 }

 /* Common Classes */
 .clear { clear: both; }
 .floatLeft { float: left; }
 .floatRight { float: right; }
 .textLeft { text-align: left; }
 .textRight { text-align: right; }
 .textCenter { text-align: center; }
 .textJustify { text-align: justify; }
 .blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
 .bold { font-weight: bold; }
 .italic { font-style: italic; }
 .underline { text-decoration: underline; }
 .noindent { margin-left: 0; padding-left: 0; }
 .nomargin { margin: 0; }
 .nopadding { padding: 0; }
 .nobullet { list-style: none; list-style-image: none; }

Answer 6

你们有没有听说过将CSS放在STYLE元素中？ :) 你知道，内容和演示的分离......

<style>
    body { padding:0; margin:0; }
</style>

HTML间距问题

6 个答案: