【问题标题】:What is the actual width of default table borders?默认表格边框的实际宽度是多少?
【发布时间】:2018-12-18 11:18:10
【问题描述】:

当您使用table 标记并添加border="1" 时,该边框的实际值是多少?它不是 1 像素,因为当我尝试复制它时,它比边框 = 1 版本要薄得多。所以:

"border=1" 是粗线

style="border:1px solid #000" 是一条细线

我正在尝试复制它,但找不到匹配项。

编辑:我需要内联执行此操作,因为不会有样式表。请让我知道这是否可以内联完成。

【问题讨论】:

  • 这太疯狂了……看看这个骗子。 :D
  • 这可能是特定于浏览器的,为什么重要? border 被贬值了,你不能只使用 CSS 吗?
  • 谢谢。我不能为此使用样式表。我必须内联工作,所以它有点复杂。
  • 我猜您必须“内联”工作并非严格意义上的正确。虽然您可能无法添加外部 CSS 文件,但我猜您可以将 CSS style 块注入页面某处,让自己摆脱维护实际内联样式的疯狂.

标签: html css css-tables


【解决方案1】:

border 属性和style 属性的区别在于,前者还为内部的单元格提供了边框,而后者则没有。

这让我开始思考,我的猜测是您没有提供复制问题所需的所有信息。因此,如果我错了,请纠正我,但我假设您在桌子上也有 cellspacing="0",并且在尝试的样式版本中,表格单元格上没有 style 属性。

<table border="1" cellspacing="0">
<tr><td>with border attr</td></tr>
</table>

<br>

<table style="border:1px solid #000">
<tr><td>with style props</td></tr>
</table>

所以在最上面的表格中,表格有一个 1px 的边框,里面的单元格也有。就这样,总共有 2px 边框。

这种情况可以用样式来模拟;你只需要更多的样式。

<table border="1" cellspacing="0"> <!-- same as above -->
<tr><td>with border attr</td></tr>
</table>

<br>

<table style="border:1px outset #000; border-spacing:0">
<tr><td style="border:1px inset #000">with style props</td></tr>
</table>

【讨论】:

    【解决方案2】:

    如果不指定border属性的值,默认取为零。 您可以在豆茎学习的技术讲座中获得更多信息

    【讨论】:

    • 虽然很高兴您想提供帮助,但这并不能真正回答问题。此外,非现场(“beanstalk 学习”)的概念,由于没有链接而进一步复杂化,并不是真正的“Stackoverflow 方式”。您应该在此处复制相关内容,并使用站外链接来支持您的答案。
    猜你喜欢
    • 2015-05-25
    • 2018-02-10
    • 2014-07-13
    • 1970-01-01
    • 2011-07-25
    • 2019-01-27
    • 2010-10-10
    • 2012-10-19
    相关资源
    最近更新 更多