html - html 表格中意外的边框间距-6ren

html - html 表格中意外的边框间距

转载作者：行者123 更新时间：2023-11-28 00:07:19

25

4

我能够看到表格中单元格之间的边框，请引用下图，您将能够看到背景颜色。我在 Ipad 和 Andriod tab 等移动设备上观察到这种行为

将上面的页面保存为 index.html 如果你使用的是 chrome 那么 1.打开调试工具 2.列表项 3.点击切换设备工具栏 4.选择IPAD，放大玩，你就能看到区别

<html>
<head>
    sdfsdf
</head>
<body  style="background: #c5c3c8;">
    <style>
        #root-GA-1-GA-1 .objbox table tbody tr.odd_material td {
        background: #3b3f45 ;
        color : #ffffff;
        }
        #root-GA-1-GA-1 .objbox table tbody tr.ev_material td {
        background: #2e3135 ;
        color : #ffffff;
        }
    </style>
    <div id="root-GA-1-GA-1" style="width: 980px; height: 1271px; cursor: default;">
        <div class="objbox" >
            <table cellpadding="0" cellspacing="0" class="obj" style="width: 980px; table-layout: fixed;">
                <tbody>
                    <tr class=" ev_material" style="height: 50px;">
                        <td align="left" valign="middle" class="cell_style0 ">K1</td>
                        <td align="left" valign="middle" class="cell_style0 ">AA</td>
                    </tr>
                    <tr class=" odd_material" style="height: 50px;">
                        <td align="left" valign="middle" class="cell_style0 ">K2</td>
                        <td align="left" valign="middle" class="cell_style0 ">AB</td>
                    </tr>
                    <tr class=" ev_material" style="height: 50px;">
                        <td align="left" valign="middle" class="cell_style0   ">K3</td>
                        <td align="left" valign="middle" class="cell_style0   ">AC</td>
                    </tr>
                    <tr class=" odd_material" style="height: 50px;">
                        <td align="left" valign="middle" class="cell_style0 ">K23</td>
                        <td align="left" valign="middle" class="cell_style0 ">AaC</td>
                    </tr>
                    <tr class=" ev_material" style="height: 50px;">
                        <td align="left" valign="middle" class="cell_style0  ">K334</td>
                        <td align="left" valign="middle" class="cell_style0  ">ACa</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    </div>
</body>

关于如何摆脱这些奇怪的线条有什么想法吗？

最佳答案

理想情况下，您应该真正将 HTML 代码与 CSS 一起提供，这有助于确定 HTML 中是否存在错误。

但是如果你使用 <table>标记，您还应该添加 cellspacing="0" cellpadding="0"

所以你的 <table>标记应如下所示:

<table cellspacing="0" cellpadding="0">

编辑:

另外值得一提的是 CSS 重置，因为不同的浏览器和设备呈现的内容略有不同。以下重置为 <table>它的 child 应该工作，然后你可以删除 cellspacing="0" cellpadding="0"来自 <table>标签。

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;       
    vertical-align: baseline;
}

关于html - html 表格中意外的边框间距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55628063/

25

4

0

文章推荐： C++ 最健壮的文件复制方式

文章推荐： javascript - AngularJS : Upload base64 image to server

文章推荐： c++11 参数包错误行为与 Apple LLVM 7.0.0 但适用于 GCC-5.1

文章推荐： html - Canvas contenteditable 不工作

UBUNTU:安装语法错误: "("意外
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许在 Stack Overflow 上提出有关通用计算硬件和软件的问题。您可以编辑问题，使其成为
DB2 - 创建表抛出语法错误 "("意外
当我尝试在 db2 中创建表时，它抛出以下错误 $ db2 CREATE TABLE employee(emp_id INT NOT NULL, emp_name VARCHAR(100)) sh:
javascript - 意外 'continue'
我有: while (i < l) { if (one === two) { continue; } i++; } 但是 JSLint 说: Problem at line 1 chara
c - while 循环工作不正常/意外？
所以我有这个代码: char inputs[10] = ""; int numInputs = 0; while (numInputs < 10){ char c; printf("E
JavaScript - 意外/奇怪的构造函数
var ninja = { name: 'Ninja', say: function () { return 'I am a ' + this.name; }
c++ - 类型名称不允许/意外
我收到一个我不明白的错误，请注意，我是编码新手，所以这可能是一个简单的错误。 #include using namespace std; int main() { //Initialise Fahr
javascript - 意外 token `}`
我正在使用 javascript 和 react，由于某种原因，我收到了一个奇怪的 token 错误。这是发生错误的代码: renderNavBar() { if (!this.us
linux - 我收到错误语法错误:”(“意外”
Closed. This question is off-topic。它当前不接受答案。
c++ - 意外#else
由于某种我无法解释的原因，编译器正在输出一个错误，指出它发现了一个意外的#else 标记。这发生在文件的开头: #if defined( _USING_MFC ) #include "stda
php - 意外 = 错误信息
这个问题不太可能帮助任何 future 的访问者；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关，这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用，visit
linux - bash 脚本中的语法错误 `("意外
这个问题在这里已经有了答案: Difference between sh and Bash (11 个答案) 关闭 2 年前。我正在编写一个简单的 bash 脚本，我在 XX `(' unexpe
bash - 意外 token 'fi'
关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic
if-statement - 批处理脚本 if 语句 - 意外(
我在 Windows 7 上编写了一个脚本，它不断给我一个错误“(此时出乎意料。”对于以下代码 if %vardns%=="NODNS" ( netsh interface ipv4 set ad
bash - 意外 token (带有xmlstarlet
我正在尝试使用xmlstarlet（使用xpath）解析XML文件，但是出现语法错误，并且我不知道如何更正我的代码。这是我的脚本： #!/bin/bash if [ $1=="author" ];
shell - 意外 token 附近的语法错误
以下脚本旨在在目录中的所有文件上运行程序“senna”，并将每个文件的输出(保留输入文件名)写入另一个目录 for file in ./Data/in/*; do ./senna -iobta
javascript - 意外 -> userSelect.on 'valuesChanged' ->
我从 challengers.coffee 运行此代码，并收到错误 ActionView::Template::Error (SyntaxError: [stdin]:3:31:unexpected
javascript - NodeJS 意外 token "."
我在 config.db.database; 行中有语法错误(意外的标记“.”)。这是我在文件中的代码 const config = require('../config/config') const
powershell - Powershell:意外 token
这一定很明显，但是我无法使它正常工作。我正在尝试传输应该用于构建$ classKey的对象，这反过来又导致删除所需的软件(amd64或i386)。好吧，这里的代码: $name = @("softwa
grails - 意外 token : mapping
我正在使用 1.3.7 版学习 Grails，但我一直无缘无故地遇到以下语法错误: unexpected token: mapping @ line x, column y. 有一次，我通过运行“gr
syntax - 意外 token 附近的Pascal语法错误
我正在尝试找出这段Pascal代码的问题 function Factorial(n: integer): integer; begin if n = 0 then Result := 1

首页

博学

6Ren·AI

商城

html - html 表格中意外的边框间距