如何摆脱 css 中不需要的空间（来自 PHP 代码）答案

【问题标题】：How do I get rid of unneeded space in css (from PHP code)如何摆脱 css 中不需要的空间（来自 PHP 代码）
【发布时间】：2017-09-20 02:19:23
【问题描述】：

我发现在我的 div 元素和 table 元素之间插入了两个 html 换行条目。我不知道如何摆脱它们。在随附的屏幕截图中，不需要的空间标记为红色。

我的相关表格样式如下：

              table {
                  font-family: 'Arial';
                  margin: 25px auto;
                  border-collapse: collapse;
                  border: 1px solid #eee;
                  border-bottom: 2px solid #00cccc;
                  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05);
                }
                .alt { background: #D0FFFF; color: #FFFFFF; }
                table tr:hover {
                  background: #f4f4f4;
                }
                table tr:hover td {
                  color: #555;
                }
                table th, table td {

                  color: #5C5456;
                  border: 1px solid #eee;
                  font-size: 12px;
                  border-collapse: collapse;
                }
                table th {
                  background: #00cccc;
                  color: #fff;
                  text-transform: uppercase;
                  font-size: 12px;
                  font-weight: bold;
                }
                table th.last {
                  border-right: none;
                }

基本上这是我从网上其他地方获取的代码，因为我对 CSS 还不是很了解。

我的代码有：

$dumpout .= "<div><p class=\"pi\">Dear ....</p></div>
                    <div><table>
                      <thead>
                        <tr>
                       {the rest of the stuff} ";

很明显，我的代码中没有换行符。我怎样才能摆脱这个空间？

还有什么代码可以使表格扩展并填充屏幕的整个宽度，而不是中间的小部分？请注意，即使我在浏览器中显示进行故障排除，最终输出也会通过电子邮件发送。

【问题讨论】：

标签： php css html-table line-breaks

【解决方案1】：

- <body>
+ <div>
- <div>
      <br>
      <br>
    - <table>
       + <thead>

在此代码中，您正在使用
中断标记，这会导致换行。去掉
标签就可以了

【讨论】：

没那么简单。我的代码没有中断标签。看看我的帖子中“我的代码有：...” $dumpout .= "
亲爱的 ....

{剩下的东西} ";以某种方式在“
” 之间插入了中断

在这种情况下，您可以使用 reset.css 作为您的 css 样式表之一，这将删除元素的所有默认属性。在 reset.css 文件中添加此代码：链接 ----- meyerweb.com/eric/tools/css/reset